jquery - 将 Daterangepicker 重置为初始值

Question

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

Answer 1

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

以编程方式单击清除按钮调用该clickCancel方法。

摘自 daterangepicker.js：

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

使用日期范围选择器 v3.0.5

Answer 2

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

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