Question

我在表单中使用两个JQuery datepicker小部件：

<p><label>Start Date:</label> </p><p>
    <input type="text" id="Start_Date" name="Start_Date" class="date-pick smallInput required"/>*
    </p>

    <p><label>End Date:</label> </p><p>
    <input type="text" id="End_Date" name="End_Date" class="date-pick smallInput required"/>*

知道如何在Start_date之后将End_Date限制为52w？

我已阅读过JQuery用户界面http://api.jqueryui.com/datepicker/但看不到任何内容。

感谢您的帮助！

Answer 1

演示 http://jsfiddle.net/mj7Hy/

所以，鉴于:) 52 weeks == 364 days

您也可能会觉得这很有用：How to add/subtract dates with javascript?

希望这有助于男人！

<强>代码

$(document).ready(function () {

    $("#dt1").datepicker({
        dateFormat: "dd-M-yy",
        minDate: 0,
        onSelect: function (date) {
            var date2 = $('#dt1').datepicker('getDate');
            date2.setDate(date2.getDate() + 364);
            $('#dt2').datepicker('setDate', date2);
            //sets minDate to dt1 date + 1
            $('#dt2').datepicker('option', 'minDate', date2);
        }
    });
    $('#dt2').datepicker({
        dateFormat: "dd-M-yy",
        onClose: function () {
            var dt1 = $('#dt1').datepicker('getDate');
            console.log(dt1);
            var dt2 = $('#dt2').datepicker('getDate');
            if (dt2 <= dt1) {
                var minDate = $('#dt2').datepicker('option', 'minDate');
                $('#dt2').datepicker('setDate', minDate);
            }
        }
    });
});

JQuery datepicker - 将End_Date限制为52周

1 个答案: