Appearance
专项答疑
日期选择器如何设置禁用日期
可以通过disabledDate配置，通过函数的形式控制哪些日期不可选，配置完成后整个日期选择器格式参考如下：
JSON
{
"type": "el-date-picker",
"title": "日期选择",
"options": {
"props": {
"type": "date",
"editable": true,
"clearable": true,
"placeholder": "",
"picker-options": {
"disabledDate": "f:t=>new Date().getTime() < t.getTime()"
}
}
},
"leaf": true,
"id": "jKKN9kevl70tyK1F3oziv"
}一、常见配置举例
以下是常见的配置，配置的位置均在options.props下
1.今天以后不可选
"picker-options": {
"disabledDate": "f:t=>new Date().getTime() < t.getTime()"
}2.今天以前不可选
"picker-options": {
"disabledDate": "f:t=>new Date().getTime() > t.getTime()"
}3.指定日期以后不可选
"picker-options": {
"disabledDate": "f:t=>new Date('2025-04-01').getTime() < t.getTime()"
}4.指定日期以前不可选
"picker-options": {
"disabledDate": "f:t=>new Date('2025-06-01').getTime() > t.getTime()"
}5.指定日期范围不可选
"picker-options": {
"disabledDate": "f:t=>new Date('2025-06-01').getTime() > t.getTime() && new Date('2025-04-01').getTime() < t.getTime()"
}