Element UI - DateTimePicker 如何禁用過去的日期 vue.js

Question

我正在使用那里的 element ui datepicker。 我想禁用過去的日期。 這是我的代碼。

<el-date-picker
            v-model="form.startDate"
            type="date"
            placeholder="Tarih Seçiniz."
            style="width: 100%"
        />

你能幫我處理這個問題嗎？ 謝謝

Answer 1

您可以通過在<el-date-picker>元素中添加一個:disabled-date屬性並根據計算將boolean值傳遞給該屬性來實現這一點。

:disabled-date="disabledDate"

在腳本中：

const disabledDate = (time: Date) => {
  var date = new Date();
  var previousDate = date.setDate(date.getDate() - 1);
  return time.getTime() < previousDate; 
}