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

如何重置日期戳日历值?..最小和最大日期限制?

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

我一直在排序通过documentation和没有跳出作为一个解决方案。我也没有能够找到一个快速修复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中找到它,但它的工作方式像一个魅力。

我试图完成这个事情,也就是说,清空日期选择器,以便用户输入的过滤器可以删除。 Googling有点我发现这个甜蜜的代码:

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

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

人们将能够突出显示(即使只读字段),然后使用退格或删除键,使用_clearDate函数删除日期。

Source

http://stackoverflow.com/questions/9435086/how-do-i-clear-reset-the-selected-dates-on-the-jquery-ui-datepicker-calendar

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:如何在jQuery UI Datepicker日历上清除/重置所选日期?