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方法，用于限制用户选择的时间范围，只能选择从当前时间往前一年到当前时间的时间范围。