如何在jQuery UI Datepicker日历上清除/重置所选日期？

Question

如何重置日期选择器日历值？..最小和最大日期限制？

问题是当我清除日期(通过删除文本框值)时,仍然会应用先前的日期限制.

我一直在整理文档,没有任何东西作为解决方案跳出来.我也无法找到SO /谷歌搜索的快速修复

http://jsfiddle.net/CoryDanielson/tF5MH/

---

解:

// from & to input textboxes with datepicker enabled
var dates = $("input[id$='dpFrom'], input[id$='dpTo']");

// #clearDates is a button to clear the datepickers
$('#clearDates').on('click', function(){
    dates.attr('value', '');
    dates.each(function(){
        $.datepicker._clearDate(this);
    });
});??

_.clearDate()是DatePicker对象的私有方法.你不会在jQuery UI的网站上的公共API中找到它,但它就像一个魅力.

Answer 1

我试图完成这件事,即清空datepicker,以便删除用户输入的过滤器.谷歌搜索了一下,我找到了这段甜蜜的代码:

您甚至可以在只读字段中添加清除功能.只需将以下代码添加到datepicker:

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

人们将能够突出显示(甚至只读字段)然后使用退格键或删除键来删除日期使用_clearDate功能.

资源

Answer 2

你试过了吗:

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

这应该根据API文档工作

Answer 3

你只需要再次将选项设置为null:

dates.datepicker( "option" , {
    minDate: null,
    maxDate: null} );

我改变了你的jsfiddle:http://jsfiddle.net/tF5MH/9/

Answer 4

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

Answer 5

尝试将清算代码更改为:

$('#clearDates').on('click', function(){
    dates.attr('value', '');
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "maxDate", null );
    $("input[id$='dpFrom'], input[id$='dpTo']").datepicker( "option", "minDate", null );
});

Answer 6

试试这个,这将在Jquery日历上添加清除按钮,这将清除日期.

$("#DateField").datepicker({
    showButtonPanel: true,
    closeText: 'Clear',
         onClose: function (dateText, inst) {
        if ($(window.event.srcElement).hasClass('ui-datepicker-close'))
        {
            document.getElementById(this.id).value = '';
        }
    }
});