el-date-picker 当天日期置灰
时间: 2024-09-15 18:00:38 浏览: 45
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
`el-date-picker` 是 Element UI 提供的一款常用的日期选择组件,在Vue.js应用中很常见。如果你想要当用户选择当天日期时让它显示为灰色不可选,你可以通过设置组件的属性来实现。在`v-model`绑定的日期格式化函数中,可以添加一个判断条件,如果当前日期与选定日期相等,则返回一个特殊值表示禁用。
例如:
```html
<el-date-picker
v-model="value"
type="date"
:picker-options="{
disabledDate: (currentDate) => {
// 如果日期等于今天,返回true表示禁用
return currentDate && currentDate.getTime() === new Date().getTime();
}
}"
></el-date-picker>
```
在这个例子中,`disabledDate`是一个回调函数,它接收当前选中的日期作为参数,如果该日期与当前时间相同,就会返回`true`,使得当天的日期处于禁选状态。
阅读全文