需求背景:
当el-date-picker可以多选日期时,时间的顺序是按照选择的顺序来的,体验不是很好。需要在选时间的同时进行时间排序
解决方案:
使用watch监听v-model绑定的值的变化,然后进行时间排序
代码示例:
html
<el-date-picker type="dates" v-model="value" placeholder="选择一个或多个日期" > </el-date-picker>
data
data() { return { value: [] } },
watch
watch: { value(newV, oldV) { if (newV != oldV && newV) { this.value.sort(this.orderSort) } } },
methods
orderSort(a, b) { return new Date(a).getTime() - new Date(b).getTime() },
标签:picker,el,vue,watch,value,date,排序 From: https://www.cnblogs.com/applesky/p/17044319.html