防止JQuery datepicker日期环绕

时间:2012-11-13 16:14:24

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

我有一个jquery datepicker,用于选择过去的“出现”范围到100年的出生日期。

$("#dateOfBirth").datepicker({
    changeYear: true,
    yearRange: "-100:+0"
});

一旦弹出日期选择器,用户就可以“滚动”这些年。由于日期范围,现在(2012年)之后的下一年是过去一百年(1912年)。

此行为会导致混淆。

是否可以将日期环绕到开头到日期范围?

1 个答案:

答案 0 :(得分:3)

更改方法并使用minDatemaxDate属性,而不是yearRangeyearRange仅用于设置该选择的内容,但不限制用户可以输入的日期。

了解它的外观:http://jqueryui.com/datepicker/#min-max

在您的情况下,您可以添加

maxDate: "0"

指向您的选项:http://jsbin.com/uducov/1告诉datepicker将“今天”设为可以选择的最长日期,并通过>按钮阻止向前转发。

请注意,minDatemaxDate都接受带有相对日期的字符串。