9

我datepicker在输入字段上有一个，我第一次打开它时的默认日期是今天的日期，这就是我想要的。
但是，当我选择一个日期并清除输入字段时，datepicker仍然有选定的日期，我不想

要有没有人知道为什么会发生这种情况以及如何防止这种行为？

4

5 回答 5

37

重置 Datepicker 小部件日期的正确方法如下：

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

或者像这样：

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

哪个最适合您。

于 2013-06-03T10:57:09.273 回答
12

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

$(SELECTOR).datepicker('setDate', null);
于 2013-06-03T10:54:32.840 回答
6

日历中的清除按钮。

 $("#txtCalendar").datepicker({
        showButtonPanel: true,
        closeText: 'Clear',
        onClose: function (dateText, obj) {
            if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
                $("#txtCalendar").val('');
        }
    });
于 2016-10-18T09:58:32.050 回答
1

只需添加此代码

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

即使字段处于只读模式，您也可以使用退格键清除字段。资源

于 2017-10-06T05:35:56.990 回答
0

要真正重置所有内容，包括在日期选择器弹出窗口中选择的年份，我必须执行以下操作：

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

只需在先前选择的年份中执行最后一行结果以显示在日期选择器中

于 2020-04-11T02:15:58.317 回答