Question

任何人都可以帮助这个jquery，它被设计为不允许任何用户选择小于开始日期的日期，这可以正常工作，但我不能让它使用英国日期格式或阻止过去的日期已被选中，如果我删除除日期格式以外的所有内容，格式将按预期工作。

$(document).ready(function () {
    $("#CheckIn").datepicker({
        numberOfMonths: 1,
        onSelect: function (selected) {
            $("#CheckOut").datepicker({ dateFormat: 'dd/mm/yy' }).val();
            $("#CheckOut").datepicker("option", "minDate", selected);

        }
    });
    $("#CheckOut").datepicker({
        numberOfMonths: 1,
        onSelect: function (selected) {
            $("#CheckIn").datepicker({ dateFormat: 'dd/mm/yy' }).val();
            $("#CheckIn").datepicker("option", "maxDate", selected);

        }
    });
});

这可以单独使用

$("#CheckIn").datepicker({ dateFormat: 'dd/mm/yy' }).val();

任何人都可以看到我出错的地方

忘记提及这是我用来阻止人们过去选择日期但不起作用的代码

$("#Checkin").datepicker({ minDate: 0 });

由于

======================工作代码======================= ====

以下代码还包括阻止用户选择过去的日期。感谢Jens Ahlsten Herlevsen和Palash Mondal的帮助。

$(document).ready(function () {
    $("#CheckIn").datepicker({
        numberOfMonths: 1,
        dateFormat: 'dd/mm/yy',
        minDate: 0, //<<< Prevent day in past been selected
        onClose: function (selected) {
            $("#CheckOut").datepicker("option", "minDate", selected);

        }
    });
    $("#CheckOut").datepicker({
        numberOfMonths: 1,
        dateFormat: 'dd/mm/yy',
        onClose: function (selected) {
            $("#CheckIn").datepicker("option", "maxDate", selected);

        }
    });
});

Answer 1

你可以这样做：

$("#CheckIn").datepicker({
    numberOfMonths: 1,
    dateFormat: 'dd/mm/yy',
    onSelect: function (selected) {
        var date = $("#CheckOut").val();
        $("#CheckOut").datepicker("option", "minDate", selected);
    }
});
$("#CheckOut").datepicker({
    numberOfMonths: 1,
    dateFormat: 'dd/mm/yy',
    onSelect: function (selected) {
        var date = $("#CheckIn").val();
        $("#CheckIn").datepicker("option", "maxDate", selected);
    }
});

Answer 2

$(document).ready(function () {
$("#CheckIn").datepicker({
    numberOfMonths: 1,
    dateFormat: 'dd/mm/yy',
    onClose: function (selected) {
        $("#CheckOut").datepicker("option", "minDate", selected);

    }
});
$("#CheckOut").datepicker({
    numberOfMonths: 1,
    dateFormat: 'dd/mm/yy',
    onClose: function (selected) {
        $("#CheckIn").datepicker("option", "maxDate", selected);

    }
});
});

http://jsfiddle.net/qJcXh/

Jquery Datepicker丢失格式

2 个答案: