el-date-picker禁用
时间: 2023-08-21 07:05:38 浏览: 111
el-date-picker组件可以通过官方文档上的disabledDate方法来实现禁用某些日期范围的功能。具体使用方法是在el-date-picker组件中添加picker-options属性,并在该属性中定义disabledDate方法。例如,可以使用disabledDate方法来禁用今天之前的日期,方法如下:
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
}
在该方法中,通过比较当前日期的时间戳与今天之前的日期的时间戳来判断是否禁用该日期。如果时间戳小于当前时间减去一天的时间戳,则禁用该日期。这样可以实现禁用今天之前的日期的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [<el-date-picker>实现指定日期禁用](https://blog.csdn.net/study_7forever/article/details/121772192)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-date-picker禁用指定日期之前或之后的日期](https://blog.csdn.net/m0_70547044/article/details/131452031)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文