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

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
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容