el-date-picker开始时间不能晚于结束时间

2023-09-19  本文已影响0人  Frank_Fang

Template

<el-form-item :label="$t('endTime')" prop="endTime">
    <el-date-picker v-model="formData.endTime" type="datetime" default-time="12:00:00" :readonly="readonly" :picker-options="releaseOptions" :placeholder="$t('pleaseSelect')" class="w-100"></el-date-picker>
</el-form-item>
<el-form-item :label="$t('startTime')" prop="startTime">
    <el-date-picker v-model="formData.startTime" :disabled="!formData.endTime" type="datetime" default-time="12:00:00" :readonly="readonly" :picker-options="notificationOptions" :placeholder="$t('pleaseSelect')" class="w-100"></el-date-picker>
</el-form-item>

Script

endOptions: {
  disabledDate: (time) => {
    let res = false
    if (this.formData && this.formData.startTime) {
      res = time.getTime() > new Date(this.formData.startTime)
    } else {
      res = time.getTime() < (Date.now() - 24 * 60 * 60 * 1000)
    }
    return res
  }
},
startOptions: {
  disabledDate: (time) => {
    let res = false
    console.log(this.formData)
    if (this.formData && this.formData.endTime) {
      res = (time.getTime() > new Date(this.formData.endTime)) || (time.getTime() < (Date.now() - 24 * 60 * 60 * 1000))
    } else {
      res = time.getTime() < (Date.now() - 24 * 60 * 60 * 1000)
    }
    return res
  }
}
上一篇下一篇

猜你喜欢

热点阅读