Element UI - DateTimePicker how to disable past dates vue.js

Question

I am using element ui datepicker from there. I want to disable past dates.

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

Can you help me to handle this issue?

Rohìt Jíndal · Accepted Answer · 2022-12-20 06:45:56Z

1

You can achieve this by adding a :disabled-date attribute in the <el-date-picker> element and pass the boolean value to this attribute based on the calculation.

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

In Script:

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

edited Dec 20, 2022 at 6:45

answered Dec 19, 2022 at 15:28

Rohìt Jíndal

27.3k16 gold badges80 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Element UI - DateTimePicker how to disable past dates vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related