首页 文章

setDate之后的jquery datepicker不再能够在 Headers 中更改Month和Year

提问于
浏览
1

我正在使用JQuery UI Datepicker来挑选日期 . 我在初始化时将 "changeMonth" and "changeYear" 设置为true .

$( "#from" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "minDate", selectedDate );
  }
});
$( "#to" ).datepicker({
  defaultDate: "+1w",
  changeMonth: true,
  changeYear: true,
  dateFormat: 'yy-mm-dd',
  onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
  }
});

但是我希望默认设置datepicker,所以我使用了 setDate BEFORE THE SETTING 的changeMonth和changeYear:

$(#from).datepicker('setDate', '10-10-2010');
$(#to).datepicker('setDate', '10-10-2011');

这很成功 . 但是,在 Headers 的下拉日历中,我无法再直接更改月份和年份 .

有谁知道发生了什么或知道解决方案吗?或者我应该改变另一种设置日期的方式?

在此先感谢您的帮助!

1 回答

  • 1

    我尝试了你用过的相同脚本 . 它对我有用 . 查看http://jsfiddle.net/XE68u/

    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      dateFormat: 'yy-mm-dd',
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      dateFormat: 'yy-mm-dd',
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
    
    $("#from").datepicker('setDate', '10-10-10')
    $("#to").datepicker('setDate', '11-10-10')
    

相关问题