清除bootstrap-datepicker的值

Question

我从这里使用bootstrap-datepicker:https://github.com/eternicode/bootstrap-datepicker

版本:2.3.2

单击按钮时,我无法清除日期选择器的日期值.我检查了API,但在清除/重置datepicker时无法找到任何内容.欢迎任何帮助

Answer 1

我遇到了类似的麻烦,以下内容对我有用:

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

需要两种方法调用,否则不清楚.

Answer 2

您可以使用jQuery清除日期输入的值.

例如,按钮和文本输入如下:

<input type="text" id="datepicker">
<button id="reset-date">Reset</button>

您可以使用jQuery的.val()函数.

$("#reset-date").click(function(){
    $('#datepicker').val("").datepicker("update");
})

Answer 3

当前版本1.4.0有clearBtn选项:

$('.datepicker').datepicker({
    clearBtn: true
});

除了向界面添加按钮外,它还允许手动删除输入框中的值.

Answer 4

我试图清除已经设置的日期时遇到了这个帖子.尝试:

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

制作:

TypeError: t.dpDiv is undefined 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js -- Line 8

认为可能需要将原始Datepicker包含在引导程序中会删除错误,但会导致原始的Datepicker小部件出现! - 这显然是错误的,不需要.

进一步看,jqueryui的崩溃在:

    /* Generate the date picker content. */
_updateDatepicker: function(inst) {
    this.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
    datepicker_instActive = inst; // for delegate hover events
    inst.dpDiv.empty().append(this._generateHTML(inst));
    this._attachHandlers(inst);

和inst.pdDiv不存在.

进一步调查 - 我意识到需要的是:

        $formControl = $duedate.find("input");
        $formControl.val('');
        $formControl.removeData();

这解决了我的问题.注意我还需要$ formControl.removeData(),否则窗口小部件的状态将不会重新初始化为初始状态.

我希望这有助于其他人.:-)

Answer 5

实际上，使用像这样的库附带的方法要有用得多 $(".datepicker").datepicker("clearDates");

我建议您始终看一下该库的文档，这是我为此使用的文档。

bootstrap-datepicker方法文档

Answer 6

您可以使用此语法来重置引导日期选择器

$('#datepicker').datepicker('update','');

参考 http://bootstrap-datepicker.readthedocs.org/en/latest/methods.html#update