datetimepick.js插件使用

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.

你可能感兴趣的:(datetimepick.js插件使用)