jQuery UI Datepicker maxDate选项的手动日期条目验证

我在页面上有jQuery datepicker,需要允许手动输入日期,但还需要验证日期不超过一天.选择器控件已通过maxDate限制,但当手动输入日期时,他们可以提前一天输入日期.一个人(我)如何阻止它？这是我到目前为止：

$(".datepicker").attr("placeholder","mm-dd-yyyy").datepicker({
    showOn: "button",maxDate: "+1",showOtherMonths: true
});

解决方法

好吧,上面的答案是正确的,但它没有验证表格,用户仍然可以提交表格,

我已经做了一些研究,但找不到ny,最后我写了这个功能,工作正常并验证表格,并且不允许提交表格,直到输入正确的日期,希望它有所帮助！

您需要做的唯一事情是添加此代码,然后这将应用于’datePicker’类的所有字段.

$(".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"
        });

        // validation in case user types the date out of valid range from keyboard : To fix the bug with out of range date time while saving in sql 
        $(function () {
            $.validator.addMethod(
                "date",function (value,element) {

                    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!"
            );
        });

原文地址：https://www.jb51.cc/jquery/181418.html