怎么把el-date-picker里面的开始日期和结束日期拆分成两个字短
时间: 2023-11-03 10:00:56 浏览: 212
带有开始时间和结束时间的日期选择器
3星 · 编辑精心推荐
可以通过监听 el-date-picker 的 change 事件,然后在事件回调中获取到选择的日期范围数据,再将其拆分成开始日期和结束日期。可以参考下面的代码示例:
```
<template>
<div>
<el-date-picker range v-model="dateRange" @change="handleChange"></el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
dateRange: [] // 存储日期范围数据
}
},
methods: {
handleChange(val) {
// 拆分日期范围数据成开始日期和结束日期
const [startDate, endDate] = val
console.log('开始日期:', startDate)
console.log('结束日期:', endDate)
}
}
}
</script>
```
阅读全文