在jquery UI datepicker

时间:2015-06-10 22:36:14

标签: javascript jquery jquery-ui datepicker

我正在使用jquery的datepicker让用户选择他们的DOB。我将默认值设置为01/01/1980,以便更容易选择您的DOB(我们的约束是您的年龄> 18岁。

我将minDate设置为从今天开始的100年。当我切换日期选择器时,最小日期显示为1970.如果我选择它,关闭日期选择器,然后再次打开它,我可以再往后一步(例如选择1960)。我想允许用户选择1970年之前的日期,而不必这样做。

1970 constrained

代码:

$(function() {
  $( "#id_date_of_birth" ).datepicker({
    changeMonth: true,
    changeYear: true,
    maxDate: "-18Y",
    minDate: "-100Y",
    defaultDate: '01/01/1980'
   });
 });

1 个答案:

答案 0 :(得分:0)

看起来范围上限恰好是18年的分裂 这可能与您的maxDate

有关

尝试省略maxDate或增加它以查看在下拉列表的第一次打开时您是否仍然在1970年上限。

如果可行,您可以使用defaultDatemaxDate来获得所需的范围。

来自文档:

  

maxDate

     

最大可选日期。设置为null时,没有最大值。   支持多种类型:

     

日期:包含最长日期的日期对象。

     

号码:从今天开始的几天。例如,2代表从今天开始的两天,-1代表昨天。

     

String:由dateFormat选项定义的格式的字符串,或相对日期。相对日期必须包含价值和期间对;有效期为“y”年,“m”为数月,“w”为数周,“d”为数天。例如,“+ 1m + 7d”表示从今天起一个月零七天。

http://api.jqueryui.com/datepicker/#option-maxDate