[JavaScript知识库]Bootstrap DatetimePicker 小时视图/日视图/月视图/年视图

今天为一个项目中增加一些功能，用到了DatetimePicker的不同视图：小时/日/月/年，写法记录如下，主要是设置 startView和minView两个属性：

//小时视图
$('#dtpDate1').datetimepicker({
  language:'zh-CN',
  format:'yyyy-mm-dd hh:00',
  weekStart: 1,
  todayBtn:  1,
  autoclose: 1,
  todayHighlight: 1,
  startView: 1,  //小时视图
  minView: 1,
})

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

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

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

效果：

? ?

? ??

?

?

?

?