jQuery UI 日期選擇器重置日期

Question

我在輸入字段上有一個datepicker ，我第一次打開它時的默認日期是今天的日期，這就是我想要的。
但是，當我選擇一個日期並清除輸入字段時， datepicker仍然有選定的日期，這是我不想要的

有誰知道為什么會發生這種情況以及我如何防止這種行為？

Answer 1

重置 Datepicker 小部件日期的正確方法是這樣的：

$.datepicker._clearDate('#input_field_goes_here');

或者像這樣：

$('#input_field_goes_here').datepicker('setDate', null);

哪個最適合你。

Answer 2

見http://codepen.io/alexgill/pen/yOQrwV

$(SELECTOR).datepicker('setDate', null);

Answer 3

日歷中的清除按鈕。

 $("#txtCalendar").datepicker({
        showButtonPanel: true,
        closeText: 'Clear',
        onClose: function (dateText, obj) {
            if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
                $("#txtCalendar").val('');
        }
    });

Answer 4

只需添加此代碼

}).keyup(function(e) {
    if(e.keyCode == 8 || e.keyCode == 46) {
        $.datepicker._clearDate(this);
    }
});

即使字段處於只讀模式，您也可以使用退格鍵清除字段。 來源

Answer 5

要真正重置所有內容，包括日期選擇器彈出窗口中選定的年份，我必須執行以下操作：

$(SELECTOR).datepicker('setDate', new Date());
$(SELECTOR).datepicker('setDate', null);

只是做最后一行結果在先前選擇的年份中顯示在日期選擇器中