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

时间:2013-01-22 11:20:04

标签: javascript jquery twitter-bootstrap datepicker

如何从" Bootstrap Datepicker"中获取当前viewMode属性? 我使用viewMode= 'years'初始化控件,并且我想在changeDate事件上关闭datepicker,仅在viewMode='days'时关闭。

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

这是代码:

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

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

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:7)

请检查: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');
   }
})

答案 1 :(得分:1)

如果您使用the forked version of Bootstrap Datepicker,要在选择日期时关闭UI小部件,请将autoclose选项设置为true

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