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

问题是当我清除日期（通过删除文本框值）时，以前的日期限制仍然适用。

我一直在整理文档，没有任何解决方案。我也无法在SO / google搜索中找到快速解决方案

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中找到它，但是它的作用就像一个魅力。

我正在尝试完成此操作，即清空日期选择器，以便可以删除用户输入的过滤器。仔细搜索一下，我发现了这段甜蜜的代码：

您甚至可以在只读字段上添加清除功能。只需将以下代码添加到日期选择器中即可：

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

人们将能够突出显示（甚至是只读字段），然后使用退格键或Delete键使用_clearDate功能删除日期。

资源

你试过了吗：

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

应该根据API文档工作

您只需要再次将选项设置为null：

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

我已经更改了您的jsfiddle：http : //jsfiddle.net/tF5MH/9/

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

尝试将清除代码更改为：

$('#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 );
});

试试这个，这将在将清除日期的Jquery日历上添加清除按钮。

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

单击清除时，重置日期选择器上的最大日期属性。

从jQuery网站

Get or set the maxDate option, after init.

    //getter
    var maxDate = $( ".selector" ).datepicker( "option", "maxDate" );
    //setter
    $( ".selector" ).datepicker( "option", "maxDate", '+1m +1w' );

我知道为时已晚，但是这里有一个简单的代码为我做到了：

$('#datepicker-input').val('').datepicker("refresh");

显而易见的答案是对我有用的答案。

$('#datepicker').val('');

其中$（'＃datepicker'）是输入元素的ID。

Leniel Macaferi解决方案的修改版，用于解决当文本字段没有焦点时（在打开日期选择器时的情况），IE8中的退格键是IE8中的“页面返回”快捷方式。

由于它对我不起作用，因此它也用于val()清除字段_clearDate(this)。

$("#clearDates").datepicker().keyup(function (e) {
    // allow delete key (46) to clear the field
    if (e.keyCode == 46)
        $(this).val("");

    // backspace key (8) causes 'page back' in IE8 when text field
    // does not have focus, Bad IE!!
    if (e.keyCode == 8)
        e.stopPropagation();
});

我的日期选择器初始化看起来像：

    dateOptions = {
                changeYear: true,
                changeMonth: true,
                dateFormat: 'dd/mm/yy',
                showButtonPanel: true,
                closeText: 'Clear',
            };

因此，默认的“完成”按钮将具有“清除”文本。

现在，里面datepicker.js找到内部函数“_attachHandlers” 它看起来像：

 _attachHandlers: function (inst) {
            var stepMonths = this._get(inst, "stepMonths"),
                id = "#" + inst.id.replace(/\\\\/g, "\\");
            inst.dpDiv.find("[data-handler]").map(function () {
                var handler = {
                    prev: function () {...},
                    next: function () {...},
                    hide: function () {
                        $.datepicker._hideDatepicker();
                    },
                    today: function () {...}
                    ... 

并将hide函数更改为：

                   ...
                   hide: function () {
                        $.datepicker._clearDate(id);
                        $.datepicker._hideDatepicker();
                    },
                    ...

我使用此代码清除该字段和所有诡计。我的用例需要一个空字段

jQuery.datepicker._clearDate(window.firstDay);
window.firstDay.datepicker('setDate',null);
window.firstDay[0].value = '';

由于某种原因，.val('')这对我不起作用。但是绕过jQuery做到了。我认为，没有.datepicker（'clear'）选项是一个缺陷。

解决这个问题的方法

在ui.js上更改var'controls'

controls = (!inst.inline ? "<button type='button' class='ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
        this._get(inst, "closeText") + "</button>" + "<button type='button' class='ui-datepicker-close ui-datepicker-clear ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
        this._get(inst, "clearText") + "</button>" : "");

然后添加一个clearText var

    this.regional[""] = { // Default regional settings
    closeText: "Done", // Display text for close link
    clearText: "Clear", // Display text for close link
    prevText: "Prev", // Display text for previous month link

和之前显示功能

$(".i_date").datepicker
(
    {
        beforeShow: function (input, inst)
        {
            setTimeout
            (
                function () 
                { 
                    $('.ui-datepicker-clear').bind('click', function() { $(input).val(''); });
                }, 
                0
            );
        }
    }
);

$("#datepicker").datepicker({            
        showButtonPanel: true,
        closeText: 'Clear', 
        onClose: function () {
            var event = arguments.callee.caller.caller.arguments[0];                
            if ($(event.delegateTarget).hasClass('ui-datepicker-close')) {
                $(this).val('');
            }
        }
    });

在Firefox中，它以表格形式（以编程方式）对我有用，默认情况下，日期选择控件处于禁用状态：

$("#txtDat2").prop('disabled', false); //temporary enable controls<br>
$("#txtDat2").val("YYYY-MM-DD"); //reset date to dd.mm.yyyyy
$("#txtDat2").prop('disabled', true); //back to default state

请尝试此解决方案，它将按照我的尝试正常运行

$('selector').datepicker('setStartDate', 0);

 $('selector').datepicker('setEndDate', 0);
$('selector').datepicker('update');