在日期选择器中选择日期时，它不应接受等于年龄大于 20 岁的生日

Posted 2023-05-09

【中文标题】在日期选择器中选择日期时，它不应接受等于年龄大于 20 岁的生日

【英文标题】：When a date is selected in a datepicker it should not accept a birthday which is equal to an age that is higher than 20

【发布时间】：2016-01-21 14:48:21

【问题描述】：

我的 html 中有这个日期选择器：

<div class="form-group">
       <label class="col-xs-4 control-label">Birthday:</label>
       <input type="text" id="dependents-birthday" class="form-control datepicker" />
</div>

这个来设置日期选择器：

$("#dependents-birthday").datepicker();

当在日期选择器中选择日期时，它不应该接受等于年龄大于 20 岁的日期。如果所选日期等于年龄大于 20 岁，则会弹出一个模式。

【问题讨论】：

你试过像$("#dependents-birthday").blur(..这样的验证吗？

你知道你可以restrict the dates a user can enter 对吗？

我应该这样做吗：$("#dependents-birthday").datepicker( minDate: -20, maxDate: '+1M +10D' );

这对我不起作用： $("#dependents-birthday").datepicker( yearRange: "-20:+0" );

$("#dependents-birthday").datepicker( showButtonPanel: true, changeMonth: true, changeYear: true, ); 我做了这个，但我不应该设置 yearRange。我需要做的是当用户选择一个超过过去 20 年的日期时，会弹出一个模式。我怎样才能做到这一点？任何帮助表示赞赏。 :(

【参考方案1】：

试试这个：

$(function () 
    $('.datepicker').datepicker(
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
       yearRange: "-50:-20",
    );
);