DatePicker 日期選擇器 | Element Plus

我們如何限定我們的選擇時間呢，比如限定選擇時間為今天之前，或者今天之后的時間？

我們可以使用官方提供的disabled-date來實現

?我們通過這個屬性 做一個回調函數，在里面比較我們想要限定的時間范圍，然后將結果return 就能完成時間范圍的限定了 return的結果為置灰的。

我這里比較時間范圍 將大于今天的時間返回，所以大于今天的時間就都置灰不可選擇了。

<el-form-item label="選擇時間 :" prop="endTime"><el-date-pickerv-model="formInline.endTime"type="date"format="YYYY/MM/DD"value-format="YYYY-MM-DD"placeholder="請選擇年月日":disabledDate="formatData"clearable/>
</el-form-item>

const formatData = (val: any) => {// 獲取當前日期const currentDate = new Date();// 將時間戳轉換為日期對象const selectedDate = new Date(val);// 比較選擇的日期是否在當前日期之后return selectedDate.getTime() > currentDate.getTime();
};