Disable old dates in datepicker

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Disable old dates in datepicker

akademe pro asked 6 years ago

Hi Team,

I would like to disable all older dates, user should be able to pick current date to upcoming dates, older dates should be disabled, checked mdb options but we have to give range for disabling, how to disable older dates? making a calendar to select present date to future date, rest date starting from yesterday should be disabled.

Regards,
Akademe

Damian Gemza staff answered 6 years ago

Dear akademe,

Your desired behavior is very easy to achieve. Just use disableUntil option, and that's all.

Please check the below code - it will disable all dates until 2018-11-15

disableUntil: { year: 2018, month: 11, day: 15 }

This code will disable all dates until today - generated from JavaScript Date object:

disableUntil: { year: this.date.getFullYear(), month: this.date.getMonth() + 1, day: this.date.getDate() }

Best Regards,

Damian

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: mac air
  • Browser: chrome
  • OS: machintosh
  • Provided sample code: No
  • Provided link: No
About author
akademe
Pro User
35Support score
8Questions 1Answers
0Snippets likes 0Snippets