使用按鈕在Jquery Datepicker上設置日期

Question

我正在嘗試為用戶提供通過單擊按鈕使用jquery UI datepicker設置日期范圍的選項。

他們單擊＃month-pass按鈕，並在＃pass-start-date和＃pass-end-date字段中設置了相應的日期。

這可以正常工作，但是會在dom底部創建一個新的日期選擇器日歷。 我不希望這種情況發生。

我該如何糾正？ 謝謝！

這是我目前擁有的代碼：

$(function () {
    $("#pass-start-date").datepicker({
        beforeShowDay: disableSpecificDaysAndWeekends,
        dateFormat: "M dd, yy",
        minDate: 0,
        onSelect: function (date) {
            var minEndDate = $('#pass-start-date').datepicker('getDate');
            minEndDate.setDate(minEndDate.getDate() + 7);
            $('#pass-end-date').datepicker('setDate', minEndDate);
            $('#pass-end-date').datepicker('option', 'minDate', minEndDate);
        }
    });
    $('#pass-end-date').datepicker({
        beforeShowDay: disableSpecificDaysAndWeekends,
        dateFormat: "M dd, yy"
    });
});

$(function () {
    $("#month-pass-button").click(function () {
        event.preventDefault();
        $('#pass-start-date').datepicker("setDate", "+0");
        $('#pass-end-date').datepicker("setDate", "+30");
    });
});

Answer 1

嘗試這個：

$(function () {
    $("#month-pass-button").click(function () {
        event.preventDefault();
        $('#pass-start-date').datepicker("setDate", "+0");
        $('#pass-end-date').datepicker("setDate", "+30");
        $( "#ui-datepicker-div" ).hide(); // This line removes the date picker
    });
});