将 Daterangepicker 重置为初始值
Posted
技术标签:
【中文标题】将 Daterangepicker 重置为初始值【英文标题】:Reset Daterangepicker to initial values 【发布时间】:2017-06-18 14:42:05 【问题描述】:我有一个下拉列表daterange 选择器,其中包含可以选择的日历和时间范围。单击后,我设置了值。现在如何将表单重置为初始状态。是否有像$(".daterangepicker").reset()
这样的单行来重置整个日历。在网站上没有找到任何与之相关的例子。
【问题讨论】:
据我所知,插件中没有这种方法。一种解决方法是使用自定义函数来重置字段,如果您无法存储默认/初始值,则可能使用 .attr 【参考方案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');
【讨论】:
以上是关于将 Daterangepicker 重置为初始值的主要内容,如果未能解决你的问题,请参考以下文章
如何在单击重置时将 Material UI Autocomplete 重置为默认值/初始值?