vuejs2 - 如何在vue2-daterange-picker中实现 “Clear”按钮?

标签 vuejs2 daterangepicker

查看 vue2-daterange-picker 示例在

https://innologica.github.io/vue2-daterange-picker/#usage

请问Clear按钮是如何实现的?

我需要将此类按钮和空值设为默认值(不是 1970 年 1 月 1 日)。

最佳答案

这对我有用:

您的按钮需要更新 dateRange在这种情况下,对象或更确切地说将其“重置”为默认值。

按钮

<button class="btn btn-info" @click="clearDate()" type="button"> Clear </button>

方法

methods:{
    clearDate() {
        this.dateRange.startDate = null;
        this.dateRange.endDate = null;
    },
}

我对所有这些东西都是新手,我意识到我的回答是在问题出现几个月后,但我希望它能有所帮助。

关于vuejs2 - 如何在vue2-daterange-picker中实现 “Clear”按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62347718/

相关文章:

javascript - 代码行给我一个错误 "Error in render: "RangeError : Invalid array length "", however, the line still does what it' s meant to do

javascript - 使用 Vuex 的 Vue.js 中的计算属性上的观察者未更新数据变量

javascript - 如何在 svg 填充属性中调用 vue.js 变量?

javascript - 为什么 RxJS Observable 不能在 Vue.js 应用程序 div 中工作?

javascript - 日期范围选择器 html5

javascript - daterangepicker 未设置日期

javascript - 如何处理 Vue.js 中模板标签中不保证存在的对象属性?

reactjs - 只需要在范围选择器选择区域 antd 中显示一个月

javascript - 日期范围选择器(用于 Bootstrap 的 JavaScript 组件)在特定日期选择了错误的日期

javascript - 将 daterangepicker 转换为 Angular 指令