Vue el-data-picker选中开始时间,结束时间自动加半小时

效果

Vue el-data-picker选中开始时间,结束时间自动加半小时_第1张图片

Vue el-data-picker选中开始时间,结束时间自动加半小时_第2张图片

思路

查阅elemnet plus官网,日期时间选择器type="datetimerange"这个选中开始时间并没有对应事件会被触发,因此思路更换成type="datetime"的两个组成一起可以通过监听开始时间v-model的值变化更新结束时间的值。

代码

日期时间选择器







日期选择器






你可能感兴趣的:(Vue,el-data-picker,element,plus,vue3)