jQuery日期选择器没有在文本框中设置maxDate

Question

我在我的代码中使用jquery.ui.datepicker。我将maxDate设置为+0，即当前日期。因此，在日历控件中禁用了未来日期，但用户仍然可以在文本框中键入未来日期。如何限制用户只输入小于maxDate的日期，如果用户输入任何未来的日期，我想在模糊的文本框中显示当前日期。

$txtDate.datepicker({
    dateFormat: MyPage.config.dateFormat,
    onClose: function (dateText, inst) {
        try {
            $.datepicker.parseDate(MyPage.config.dateFormat, dateText);
        } catch (e) {
            $txtDate.val('');
        };
    },
    maxDate: '+0'
});
$txtDate.datepicker('setDate', new Date()).blur(function () {
    try {
        if ($txtDate.val() == '') {
            $txtDate.datepicker('setDate', new Date());
        }
    }
    catch (ex) {
        var MyEx = MyWeb.Exception(ex);
        MyEx.AddData("Method", "$txtDate.datepicker('setDate', new Date()).blur");
        $.errorhandler("HandleError", MyEx);
    }
});

Answer 1

把它放到你的输入html元素中:

readonly="readonly"

并使用服务器端技术将值默认为今天的日期:

<input type="text" readonly="readonly" name="date" id="date" value="<?php echo date('Y-m-d');?>">