首页elementUi日期选择器限制禁用昨天及之前的日期

elementUi日期选择器限制禁用昨天及之前的日期

时间: 2024-12-17 09:25:40 浏览: 72

Element UI 的日期选择器组件可以设置日期范围限制，其中如果想要禁用包括昨天在内的过去日期，你可以使用 `disabled-date` 属性。这个属性接收一个返回布尔值的函数，当传入当前日期时，如果该函数返回 `true`，则表示该日期不可选。例如，在 Vue 中，你可以这样做： ```html <el-date-picker v-model="selectedDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :disabled-date="isDisabledDate" ></el-date-picker> <script> export default { data() { return { selectedDate: [], isDisabledDate(currentDate) { // 如果日期小于等于今天，且不是今天，则禁用 return currentDate && currentDate.getTime() <= new Date().getTime() - (24 * 60 * 60 * 1000); // 一天的毫秒数 } }; }, }; </script> ``` 在这个例子中，`isDisabledDate` 函数会检查给定的日期是否应该禁用。如果是过去的日期且不包括当天，它将返回 `true`，从而使日期不可选。

阅读全文