JQuery datepicker允许用户设置年份

时间:2011-12-07 09:30:16

标签: jquery jquery-ui jquery-ui-datepicker

我正在使用datepicker jquery插件以及下面的设置。

$("#date").datepicker({
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    showOtherMonths: true,
    selectOtherMonths: true 
});

现在我想做的是允许用户设置年份。我的意思是通过手动更改选择下拉列表的输入。

有没有设置呢?

我想这样做的原因是因为我不知道,如果用户选择的是1920年或2220年或任何年份的日期。所以我没有一个好的默认日期值。如果你必须点击20次从2000年到1600年,下拉界面对用户不友好。

编辑: 我想做的是来自keith-wood.name/datepick.html#monthyear的“Show unlimited unlimited years:”。是否有与标准jquery datepicker类似的东西。我在jquery datepicker文档中找不到设置yearRange:'any'。

3 个答案:

答案 0 :(得分:13)

您可以通过添加

来指定年份范围
yearRange: "1930:2010"

到您的属性。例如:

 $( "#datepicker" ).datepicker({
     changeMonth: true,
     changeYear: true,
     yearRange: "1930:2010"
 });

答案 1 :(得分:10)

changeYear: true

已经显示一个选择框..那么问题是什么? 手动输入年份只需创建自己的输入文本?

答案 2 :(得分:0)

您可以只设置以下两行来设置年份和月份。

$("#date").datepicker({
    changeMonth: true,
    changeYear: true
});

在这里日期是输入ID