日期选择器：休息下一个 select

Question

我正在使用 package. Specifically this。

一切正常，我点击日期选择器，选择年份、月份和日期，然后选择器关闭。

但是当它关闭时我再次点击它，只有最后一天的日历显示，这意味着它不会从一年开始重新开始。

我要的是，年复一年，月复一日，重新开始。

这是我的代码：

<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'
    });
});

Answer 1

来自 datetimepicker 问题跟踪器，issue 1897 有解决方法的建议。

基本上，您添加了一个超时，一旦使用一次，它就会将日期时间选择器重置为年模式。

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

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

fiddle

日期选择器：休息下一个 select

Date Picker : Rest on next select

javascript

php

jquery

datepicker

eonasdan-datetimepicker