bootstrap-datetimepicker时间选择器

最新推荐文章于 2024-05-10 09:35:29 发布

Rujh520

最新推荐文章于 2024-05-10 09:35:29 发布

阅读量1.3k

点赞数

文章标签： bootstrap javascript 前端

原文链接：https://blog.csdn.net/zhouyingge1104/article/details/123958650

版权

bootstrap-datetimepicker时间选择器（已汉化）

1、显示样式

1、小时视图

在这里插入图片描述

$('#dtpDate1').datetimepicker({
  language:'zh-CN',//已汉化的此行要删除
  format:'yyyy-mm-dd hh:00',
  weekStart: 1,
  todayBtn:  1,
  autoclose: 1,
  todayHighlight: 1,
  startView: 1,  //小时视图
  minView: 1,
})

2、日视图

在这里插入图片描述

$('#dtpDate1').datetimepicker({
  language:'zh-CN',//已汉化的此行要删除
  format:'yyyy-mm-dd',
  weekStart: 1,
  todayBtn:  1,
  autoclose: 1,
  todayHighlight: 1,
  startView: 2,  //日视图
  minView: 2,
})

3、月视图

在这里插入图片描述

$('#dtpDate1').datetimepicker({
  language:'zh-CN',//已汉化的此行要删除
  format:'yyyy-mm',   
  todayBtn:  1,//是否显示当前日期（今天）按钮
  autoclose: 1,
  todayHighlight: 1,
  startView: 3, //月视图
  minView: 3,
})

4、年视图

$('#dtpDate1').datetimepicker({
  language:'zh-CN',
  format:'yyyy',
  weekStart: 1,
  todayBtn:  1,
  autoclose: 1,
  todayHighlight: 1,
  startView: 4, //年视图
  minView: 4,
})