vue el-date-picker多选日期时间时，支持时间排序

需求背景：

当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()
    },