element-ui 表單自定義日期輸入校驗

methods: {

  validateDate(rule, value, callback){
     if (value) {       
       let timestamp = new Date(value).getTime()
       let start  = new Date(this.shiftStartTime).getTime()
       let end = new Date(this.shiftEndTime).getTime()
       if (end < timestamp || timestamp < start) {
         callback(new Error(`請在值班時間內選擇  ${this.shiftStartTime} 至 ${this.shiftEndTime}`))
       } else {
         callback()
       }
     } else {
       callback()
     }
   }
}

<el-form-item
          label="記錄時間"
          prop="recordDateTime"
          :rules="[
            { required: true, message: '記錄時間不能為空', trigger: 'blur'},
            { validator: validateDate, trigger: ['blur', 'change'] }
          ]"
        >
          <el-date-picker
            v-model="summaryForm.recordDateTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="選擇日期"
          ></el-date-picker>
        </el-form-item>