如何將jQuery ui datepicker日歷的結束日期設置為用戶的開始日期？

Question

我是Java的新手，請提供一些有關jQuery datepicker代碼的幫助。 我花了很長時間在這里尋找並嘗試修復我的代碼，但似乎無法使其正常工作...我希望用戶選擇開始日期，然后單擊結束日期，他們可以請僅從開始日期開始選擇日期。 我還需要計算天數（但是我已經完成了此工作及其工作）。

這是腳本代碼：

function showDays() {
    var start = $('#startDate').datepicker('getDate');
    var end = $('#endDate').datepicker('getDate');

    if (!start || !end) return;
    var days = (end - start) / 1000 / 60 / 60 / 24;
    $('#noDays').val(days);
    if (days > 15) {
    alert ( "The maximum amount of nights is 15. Please select dates within this range." )
    $( '#endDate' ).focus();
  }
    document.getElementById("p__myTrip--days").innerHTML =  days;
  }
$("#startDate").datepicker({
    dateFormat: 'dd-mm-yy',
    minDate: 0,
    changeMonth: true,
    onSelect: showDays,
     onClose: function( selectedDate ) {
         var dParts = selectedDate.split('-');
         var in30Days = new Date(dParts[2] + '/' +
                        dParts[1] + '/' +
                        (+dParts[0] + 30)
               );     
    $("#endDate").datepicker("option", "minDate");
    }
});
$("#endDate").datepicker({
    minDate: 1,
    changeMonth: true,
    dateFormat: 'dd-mm-yy',
    setDate: '#startDate',
    onSelect: showDays
});

任何幫助，將不勝感激！ 謝謝！ :)

Answer 1

您可以嘗試以下方法：

$("#endDate").datepicker({
    minDate: 1,
    changeMonth: true,
    dateFormat: 'dd-mm-yy',
    setDate: '#startDate',
    endDate: '#endDate',
    onSelect: showDays
});