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',//使用的语言 需要引入bootstrap-datetimepicker.zh-CN.js
todayBtn:true, //显示今天按钮
keyboardNavigation:true,//可以用键盘选择
autoclose:true//选择后自动关闭选择框
})
3.只选择日期不选择时间
$('.form_date').datetimepicker({
minView:"month",
format:'yyyy-mm-dd',
language:'zh-CN',
todayBtn:true,
keyboardNavigation:true,
autoclose:true
})
使用
minView
设置选择框所能提供的最精确的时间选择视图
使用月视图可以选择是多少日
maxView
可以设置最大的可选范围
选择的 范围有
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.