elemen-ui 中日期disabledDate ，禁止选择当前之前的日期

最新推荐文章于 2025-05-29 10:19:15 发布

原创最新推荐文章于 2025-05-29 10:19:15 发布 · 2.6w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#ELEMENT-UI

element-ui 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个Vue组件——日期选择器，通过设置picker-options属性中的disabledDate方法，实现了禁止用户选择过去的日期的功能。该方法通过比较当前时间和选中时间的时间戳来判断日期是否可用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-date-picker
v-model=“value1”
type=“date”
：picker-options=“pickerOptions”
placeholder=“选择日期”>

// 属性picker-option 在data中定义
data( ) {
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7
}
}
}
}