将 Daterangepicker 重置为初始值

【问题标题】：Reset Daterangepicker to initial values将 Daterangepicker 重置为初始值
【发布时间】：2017-06-18 14:42:05
【问题描述】：

我有一个下拉列表daterange 选择器，其中包含可以选择的日历和时间范围。单击后，我设置了值。现在如何将表单重置为初始状态。是否有像$(".daterangepicker").reset() 这样的单行来重置整个日历。在网站上没有找到任何与之相关的例子。

【问题讨论】：

据我所知，插件中没有这种方法。一种解决方法是使用自定义函数来重置字段，如果您无法存储默认/初始值，则可能使用 .attr

标签： jquery daterangepicker bootstrap-daterangepicker

【解决方案1】：

$('.daterangepicker .cancelBtn').click();

以编程方式点击Clear按钮调用clickCancel方法。

摘自 daterangepicker.js：

clickCancel: function(e) {
    this.startDate = this.oldStartDate;
    this.endDate = this.oldEndDate;
    this.hide();
    this.element.trigger('cancel.daterangepicker', this);
},

使用 daterangepicker v3.0.5

【讨论】：

【解决方案2】：

今天我正在处理同样的问题并找到了解决方案。如果您希望从外部按钮单击重置 daterangepicker，请在按钮单击事件上使用以下一条神奇的线。这会将 daterangepicker 重置为其初始状态。

$('.daterangepicker .cancelBtn').trigger('click');

【讨论】：