1.需要的js.css文件
bootstrap.min.css
jquery-3.2.1.min.js
bootstrap.min.js
bootstrap-datetimepicker.min.css
bootstrap-datetimepicker.min.js
bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"
2.基本配置
$('.form_datetime').datetimepicker({
format:'yyyy-mm-dd hh:ii',//格式化類型
language:'zh-CN',//使用的語(yǔ)言 需要引入bootstrap-datetimepicker.zh-CN.js
todayBtn:true, //顯示今天按鈕
keyboardNavigation:true,//可以用鍵盤選擇
autoclose:true//選擇后自動(dòng)關(guān)閉選擇框
})
3.只選擇日期不選擇時(shí)間
$('.form_date').datetimepicker({
minView:"month",
format:'yyyy-mm-dd',
language:'zh-CN',
todayBtn:true,
keyboardNavigation:true,
autoclose:true
})
使用
minView
設(shè)置選擇框所能提供的最精確的時(shí)間選擇視圖
使用月視圖可以選擇是多少日
maxView
可以設(shè)置最大的可選范圍
選擇的 范圍有
0 or 'hour' for the hour view
1 or 'day' for the day view
2 or 'month' for month view (the default)
3 or 'year' for the 12-month overview
4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.