为什么jquery-ui-datepicker接受来自键盘的无效值

Question

我使用jquery UI日期选择器获取具有最小和最大日期范围值的日期，它使用日期选择器小部件选择日期，但它使用键盘获取无效值。我想通过键盘和鼠标来获取日期。请帮助我获取有效的日期值或显示无效日期值的错误消息。

datepicker

Answer 1

您可以使用如下代码：

<script type="text/javascript">
    $(".datePicker").datepicker({
        dateFormat: 'd/mm/yy',
        changeMonth: true,
        changeYear: true,
        firstDay: 1,
        minDate: Date.parse("1900-01-01"),
        maxDate: Date.parse("2100-01-01"),
        yearRange: "c-90:c+150"
    });

    $(function () {
        $.validator.addMethod(
                "date",
                function (value, element) {
                   // Here you can set date range    
                    var minDate = Date.parse("1900-01-01");
                    var maxDate = Date.parse("2100-01-01");
                    var valueEntered = Date.parse(value);

                    if (valueEntered < minDate || valueEntered > maxDate) {
                        return false;
                    }
                    return !/Invalid|NaN/.test(new Date(minDate));
                },
                "Please enter a valid date!"
                );
    });
</script>