el-date-picker disabled-date
时间: 2023-08-18 10:04:38 浏览: 211
date-picker
el-date-picker的disabled-date属性用于禁止选择特定日期。根据提供的引用内容,有三种方法可以实现禁止选择今天以及今天之前的日期。
第一种方法是使用picker-options属性,并在pickerOptions对象中定义disabledDate方法。在该方法中,可以通过比较日期的getTime()值与当前时间的差值来判断是否禁用该日期。具体实现如下:
pickerOptions: {
disabledDate(date) {
return date.getTime() < Date.now() - 8.64e7;
}
}
第二种方法是直接在el-date-picker标签中使用disabled-date属性,并在该属性的值中定义一个函数。函数的参数是日期对象,可以通过比较日期的getTime()值与当前时间的差值来判断是否禁用该日期。具体实现如下:
<el-date-picker v-model="queryInfo.time" type="daterange" :picker-options="{ disabledDate: (date) => date.getTime() < Date.now() - 8.64e7 }"></el-date-picker>
第三种方法是使用picker-options属性,并在pickerOptions对象中定义disabledDate方法。在该方法中,可以通过比较日期的getTime()值与当前时间的差值来判断是否禁用该日期。不同的是,这种方法不包含今天这一天。具体实现如下:
pickerOptions: {
disabledDate(date) {
return date.getTime() < Date.now();
}
}
希望以上解答对您有帮助。[1][2][3]
阅读全文