el-date-picker有开始时间和结束时间怎么绑两个字段
时间: 2023-08-03 15:14:39 浏览: 158
可以使用 `range` 属性来绑定开始时间和结束时间的两个字段。具体方法如下:
1. 在 `el-date-picker` 中设置 `range` 属性为 `true`,表示开启日期范围选择模式。
2. 绑定开始时间和结束时间的两个字段,分别使用 `start-date` 和 `end-date` 属性来绑定。
例如,下面是一个绑定开始时间和结束时间的 `el-date-picker` 的示例代码:
```html
<template>
<div>
<el-date-picker
v-model="dateRange"
type="daterange"
range
:start-date.sync="startDate"
:end-date.sync="endDate"
></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: [], // 绑定日期范围选择器的值
startDate: null, // 绑定开始时间的字段
endDate: null // 绑定结束时间的字段
};
}
};
</script>
```
在上面的示例中,`dateRange` 绑定了日期范围选择器的值,`startDate` 和 `endDate` 分别绑定了开始时间和结束时间的字段。当用户选择日期范围时,`dateRange` 的值会被更新,同时 `startDate` 和 `endDate` 的值也会被更新。