雖然HTML5可以直接把input的type設置成date，但各個瀏覽器的支持情況不一，所以我們還是乖乖的用插件。
之前的一個日期插件雖然可以選擇時間，但存在着一點小bug，所以又去找其他的，於是乎在Bootstrap的項目推薦裏看到了一個日期選擇插件（別問我爲什麼之前沒看見(╯‵□′)╯︵┻━┻）
先上個例子：
一、準備工作
從官網上下載插件。
導入樣式文件：
<link rel="stylesheet" href="datetimepicker/bootstrap-datetimepicker.min.css" />導入js：
<script src="datetimepicker/bootstrap-datetimepicker.min.js"></script>如果你想更改顯示語言，就導入語言包，這邊以中文包爲例：
<script src="datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>二、開始使用
1.最簡單的使用，所有設置都未默認
1 |
$("#datetimepicker").datetimepicker(); |
2.添加參數
1 |
$("'#datetimepicker").datetimepicker({ |
2 |
format: "yyyy-mm-dd
hh:ii:ss",//設置時間格式，默認值:
'mm/dd/yyyy' |
3 |
weekStart
: 0, //一週從哪一天開始。0（星期日）到6（星期六）,默認值0 |
4 |
startDate
: "2013-02-14
10:00",//可以被選擇的最早時間 |
5 |
endDate
: "2016-02-14
10:00",//可以被選擇的最晚時間 |
6 |
daysOfWeekDisabled
: "0,6",//禁止選擇一星期中的某些天，例子中這樣是禁止選擇週六和週日 |
7 |
autoclose
: true,//當選擇一個日期之後是否立即關閉此日期時間選擇器 |
8 |
startView
: 2,//點開插件後顯示的界面。0、小時1、天2、月3、年4、十年，默認值2 |
9 |
minView
: 0,//插件可以精確到那個時間，比如1的話就只能選擇到天，不能選擇小時了 |
10 |
maxView：4,//同理 |
11 |
todayBtn
: true,//是否在底部顯示“今天”按鈕 |
12 |
todayHighlight
: true,//是否高亮當前時間 |
13 |
keyboardNavigation
: true,//是否允許鍵盤選擇時間 |
14 |
language
: 'zh-CN',//選擇語言，前提是該語言已導入 |
15 |
forceParse
: true,//當選擇器關閉的時候，是否強制解析輸入框中的值。也就是說，當用戶在輸入框中輸入了不正確的日期，選擇器將會盡量解析輸入的值，並將解析後的正確值按照給定的格式format設置到輸入框中 |
16 |
minuteStep
: 5,//分鐘的間隔 |
17 |
pickerPosition
: "bottom-right",//顯示的位置，還支持bottom-left |
18 |
viewSelect
: 0,//默認和minView相同 |
19 |
showMeridian
: true,//是否加上網格 |
20 |
initialDate
: "2015-02-14
10:00"//初始化的時間 |
21 |
}); |
本文鏈接：Bootstrap的日期選擇插件DateTime
Picker增強版 ，花了好多腦細胞寫的，轉載請註明鏈接喔~~