ElementUI - DateTimePicker如何禁用过去的日期vue.js

r1zk6ea1  于 2022-12-23  发布在  Vue.js
关注(0)|答案(1)|浏览(244)

我正在那里使用元素ui日期选择器。我想禁用过去的日期。

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

你能帮我处理一下吗?

bjp0bcyl

bjp0bcyl1#

您可以通过在<el-date-picker>元素中添加:disabled-date属性并根据计算结果将boolean值传递给此属性来实现此目的。

<el-date-picker :disabled-date="disabledDate" ...

脚本中:

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

相关问题