javascript - 如何从“Bootstrap Datepicker”获取当前 viewMode 属性

Question

如何viewMode从“Bootstrap Datepicker”获取当前属性？我用初始化控件viewMode= 'years' 并且我想在changeDate事件上关闭 datepicker，只有当viewMode='days'.

用户选择一年，然后是一个月，最后是一天。在那一刻，控制器必须关闭。

这是代码：

$("#date").datepicker(
    {viewMode: 'years',
     format: 'dd/mm/yyyy'
});

$('#date').on('changeDate', function (ev) {
    //close when viewMode='0' (days)
})

任何人都可以帮忙吗？

Answer 1

检查这个：http: //jsfiddle.net/nAXnM/

HTML

    <input type="text" class="span2" value="02/16/12" data-date-format="mm/dd/yy" id="dp2" >

JS

$("#dp2").datepicker({
 viewMode: 'years',
 format: 'dd/mm/yyyy'
});

$('#dp2').on('changeDate', function (ev) {
   //close when viewMode='0' (days)
   if(ev.viewMode === 'days'){
      $('#dp2').datepicker('hide');
   }
})

Answer 2

如果您使用的是 Bootstrap Datepicker 的分叉版本，要在选择日期时关闭 UI 小部件，请将autoclose选项设置为true：

$("#date").datepicker({
    autoclose: true
});