Element UI DateTimePicker: 如何限制时间选择范围为一年

你可以通过设置 DateTimePicker 的属性来限制时间范围，例如：

<el-date-picker
  v-model='startTime'
  type='datetime'
  :picker-options='pickerOptions'
></el-date-picker>

<el-date-picker
  v-model='endTime'
  type='datetime'
  :picker-options='pickerOptions'
></el-date-picker>

data() {
  return {
    startTime: '',
    endTime: '',
    pickerOptions: {
      shortcuts: [{
        text: '最近一年',
        onClick(picker) {
          const start = new Date()
          start.setFullYear(start.getFullYear() - 1)
          picker.$emit('pick', [start, new Date()])
        }
      }],
      disabledDate(time) {
        const start = new Date()
        start.setFullYear(start.getFullYear() - 1)
        return time.getTime() < start.getTime() || time.getTime() > Date.now()
      }
    }
  }
}

上述代码中，我们通过设置 pickerOptions 属性，设置了一个名为“最近一年”的快捷选项，当用户点击该快捷选项时，会自动选择从当前时间往前一年到当前时间的时间范围。同时，我们还设置了一个 disabledDate 方法，用于限制用户选择的时间范围，只能选择从当前时间往前一年到当前时间的时间范围。