日期选择器:基于下一个选择

时间:2018-08-13 12:04:30

标签: javascript php jquery datepicker eonasdan-datetimepicker

我正在使用package。具体是this

一切正常,我单击日期选择器,选择年份,然后选择月份,然后选择日期,然后选择器关闭。

但是当它关​​闭并且我再次单击它时,仅显示最后一天的日历,这意味着它不会从年份重新开始。

我想要的是,它应该每年从头到尾重新开始。

这里是JsFiddle

这是我的代码:

<div class='input-group date' id='datetimepicker9'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

Js:

$(function () {
    $('#datetimepicker9').datetimepicker({
        viewMode: 'years'
    });
});

1 个答案:

答案 0 :(得分:3)

在datetimepicker问题跟踪器中,issue 1897提出了解决方法的建议。

基本上,您添加了一个超时,一旦使用了一次,它将把datetimepicker重置为Years模式。

$(function () {
  $('#datetimepicker9').datetimepicker({
    viewMode: 'years'
  });

  $('#datetimepicker9').on('dp.hide', function(event){
    setTimeout(function(){
      $('#datetimepicker9').data('DateTimePicker').viewMode('years');
    },1);
  });  
});

fiddle