DateTimePicker 控件可以通过设置属性来控制可选日期时间范围,具体代码如下:

设置最近一年可选:

<el-date-picker
  v-model="date"
  type="datetime"
  :picker-options="{
    disabledDate(date) {
      return date < new Date(new Date().getTime() - 365 * 24 * 60 * 60 * 1000) || date > new Date()
    }
  }"
></el-date-picker>

在 picker-options 中通过定义 disabledDate 函数来控制可选日期时间范围,上述代码中设置可选日期时间范围为当前日期之前的一年内。

设置最近三个月可选:

<el-date-picker
  v-model="date"
  type="datetime"
  :picker-options="{
    disabledDate(date) {
      return date < new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000) || date > new Date()
    }
  }"
></el-date-picker>

同理,在 picker-options 中通过定义 disabledDate 函数来控制可选日期时间范围,上述代码中设置可选日期时间范围为当前日期之前的三个月内。

Element UI DateTimePicker 日期时间选择器:限制选择范围(最近3个月,最长1年)

原文地址: https://www.cveoy.top/t/topic/nm2V 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录