参考:

https://www.cnblogs.com/minjh/p/12169520.html

https://blog.csdn.net/weixin_45264424/article/details/108350638

 

效果对比:

1. 只清空rangePicker控件绑定的值                                                                                                                                                   2. 添加key属性

antD——清空时间选择组件 RangePicker的值        antD——清空时间选择组件 RangePicker的值

解决方法:

给rangePicker控件添加key属性,点击重置时,修改key的值,如new Date(),相当于重新渲染控件

<a-range-picker v-if="rangeDate!=''"
                                :locale="locale"
                                separator="-"
                                :disabledDate="disabledTime"
                                :value="moment(rangeDate, dateFormat)"
                                @change="handleDateChange">
</a-range-picker>
<a-range-picker v-else
                                :locale="locale"
                                separator="-"
                                :key="dateKey"
                                :disabledDate="disabledTime"
                                @change="handleDateChange">
</a-range-picker>

 

相关文章:

  • 2022-12-23
  • 2021-09-01
  • 2021-12-13
  • 2022-12-23
  • 2022-01-18
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-15
  • 2022-12-23
  • 2022-12-23
  • 2022-01-19
  • 2022-02-03
  • 2021-12-13
相关资源
相似解决方案