结构层 :
// 输入框内的时间格式
format="yyyy-M-d"
// 选择时间获取的时间格式
value-format="yyyy-M-d"
// 点击选择时间后储存时间数据的事件
@change="chooseTimeRange"
<el-date-picker
v-model="timeStage"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy-M-d"
value-format="yyyy-M-d"
align="center"
@change="chooseTimeRange"
>
</el-date-picker>
行为层 :
data() {
return {
// 时间段
timeStage: [],
}
methods: {
// 选择日期范围
chooseTimeRange(timeStage) {
this.timeStage = timeStage;
},
}
将选中的时间数据格式, 存入 timeStage 数组中