jquery - maxDateをnthdayとしてjqueryUIdatepickerで現在選択されている日付に設定するにはどうすればよいですか？

Question

WebサイトでJqueryUI日付ピッカーを使用しています

FromフィールドとToフィールドがあり、ユーザーがFrom日付を選択した後、Toフィールドの日付ピッカーはFrom日付から開始し、14日後に終了する必要があります。

どうすればこれを行うことができますか？

Answer 1

あなたはおそらく次のようなものを探しています：

var datepickersOpt = {
    firstDay: 1,
    minDate: 0,
    maxDate: "+1Y",
}

$("#from").datepicker($.extend({
    onSelect: function(selectedDate) {
        var minDate = $(this).datepicker('getDate');
        minDate.setDate(minDate.getDate() + 14);
        $("#to").datepicker("option", "minDate", minDate);
    }
}, datepickersOpt));

$("#to").datepicker($.extend({}, datepickersOpt));​

フィドル

Answer 2

これがあなたが探しているものだと思います。ここにフィドルがあります。

</p>

$​(document).ready(function() {
    $("#from").datepicker({
        minDate: 'today', 
        maxDate:'+1Y', 
        onSelect: function() {
            var minToDate = $(this).datepicker('getDate');
            var maxToDate = $(this).datepicker('getDate');
            maxToDate.setDate(maxToDate.getDate()+14);
            $("#to").datepicker("option", "minDate", minToDate);
            $("#to").datepicker("option", "maxDate", maxToDate);
}});
    $("#to").datepicker();
});​