Jquery UI日历显示错误的日期

时间:2014-01-20 21:10:52

标签: jquery jquery-ui calendar

我不确定可能是什么问题,但JqueryUI日历在日期选择器文本框中输入日期时表现得很奇怪例如:7/7/25需要1925年,7/7/24需要2024年。

Here is the code

<p>Date: <input type="text" id="datepicker"></p>
 $(function() {
    $( "#datepicker" ).datepicker();
  });

1 个答案:

答案 0 :(得分:2)

你需要使用值“shortYearCutoff”和datePicker告诉它当用户输入一个模糊的“短年”(两位数年份)时该怎么做:

$( "#datepicker" ).datepicker({
    shortYearCutoff: 50;
})

这将使得本世纪50年前的任何“短年”都将被考虑,如2035年。50年代将是上个世纪,如同1985年。如果你想要所有短暂的年份是2000年,使用值99,如下所示:

$( "#datepicker" ).datepicker({
    shortYearCutoff: 99;
})

这个的默认值是“+10”,这意味着10年内任何一年都被认为是本世纪。如果您希望代码根据当前年度进行调整,您可以发送“+20”或其他一些值,如下所示:

$( "#datepicker" ).datepicker({
    shortYearCutoff: "+20";
})

或者,如果您可以缩小允许的年限,可以使用minDate和maxDate来设置范围。

$( "#datepicker" ).datepicker({
    minDate: new Date(2009, 1 - 1, 26), 
    maxdate: new Date(2050, 1 - 1, 26)
});

这将有助于它决定当你设置一个模棱两可的日期时选择的日期。你也可以这样做:

maxDate: "+1m +1w" 

将来一个月和一周。

有关您可以发送到datePicker的所有选项的完整列表,请查看datePicker API

相关问题