ant design vue日期组件怎么清空（a-range-picker，a-date-picker）

最新推荐文章于 2024-09-12 15:00:55 发布

L-weixin-45629194

最新推荐文章于 2024-09-12 15:00:55 发布

阅读量1.7w

点赞数 12

本文链接：https://blog.csdn.net/weixin_45629194/article/details/101279590

版权

a-range-picker

<a-range-picker
   showTime
   :placeholder="['开始时间', '结束时间']"
   format="YYYY-MM-DD HH:mm:ss"
   :value="createValue"
   @change="createChange"
 />
  
  data() {
  	return {
        createValue: [],
    }
  }

选择时间时：

 createChange(dates, dateStrings) {
    this.createValue = dates;
    this.params.beginTime = dateStrings[0]
    this.params.endTime = dateStrings[1]
  },

清空设置this.createValue=[];即可

a-date-picker

<a-date-picker
  v-model="timeValue"
  format="YYYY-MM-DD HH:mm:ss"
  showTime
  @change="onChange"
/>
data() {
  	return {
        timeValue: undefined,
    }
  }

清空设置this.timeValue=undefined;即可