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.
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容