vue antd rangepicker 怎么动态绑定时间
时间: 2023-12-23 10:04:07 浏览: 177
详解vuejs2.0 select 动态绑定下拉框支持多选
你可以使用 `v-model` 指令来动态绑定 `antd` 的 `RangePicker` 组件的时间。具体实现方法如下:
1. 在 `data` 中定义一个变量来存储 `RangePicker` 的时间值,例如:
```
data() {
return {
rangeTime: []
}
}
```
2. 在 `RangePicker` 组件上使用 `v-model` 指令来绑定时间值,例如:
```
<RangePicker v-model="rangeTime" />
```
3. 当需要动态改变时间值时,直接修改 `rangeTime` 的值即可,例如:
```
this.rangeTime = [moment('2022-01-01'), moment('2022-01-31')]
```
这样,`RangePicker` 组件的时间值就会被动态绑定并且随着 `rangeTime` 的变化而变化。
阅读全文