Question

我试图通过单击按钮为用户提供使用jquery UI datepicker设置日期范围的选项。

他们点击＃month-pass-button，相应地设置＃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
    });
});

使用按钮在Jquery Datepicker上设置日期

1 个答案: