Element UI DateTimePicker 日期时间选择器:限制选择范围(最近3个月,最长1年)
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 函数来控制可选日期时间范围,上述代码中设置可选日期时间范围为当前日期之前的三个月内。
原文地址: https://www.cveoy.top/t/topic/nm2V 著作权归作者所有。请勿转载和采集!