jQuery UI Datepicker: How to Enable Dates Before/After Specific Dates in Datepicker
https://www.udemy.com/course/jquery-w...
jQuery in Action: Build 15 jQuery Projects
https://www.udemy.com/course/jquery-u...
jQuery UI in Action: Build 9 jQuery UI Projects
https://www.udemy.com/course/hands-on...
Hands-On jQuery: jQuery Examples
Find all our Udemy courses here:
https://www.udemy.com/user/cryptersin...
jQuery UI Datepicker: How to Enable Dates Before/After Specific Dates in Datepicker
We have already seen how to disables some dates in jQuery UI Datepicker using beforeShowDay option. In this video, we will see how to enable dates after a specific date using minDate option and how to enable dates before a specific date using maxDate option. These options are really useful when you have to enable or disable consecutive dates in jQuery UI Datepicker.
You can set the value of minDate and maxDate in the form of a Date object, number or string. If you set the value of minDate to new Date(2015, 0, 5), then dates till 5th January 2015 will be disabled. In other words, only dates from 5th January 2015 will be selectable or clickable. If you set the value of minDate to -2, then only dates from day before yesterday (2 days before today) will be enabled. If you set the value of minDate to -1m (y for year, m for month, w for week and d for day), only dates from one month before will be selectable. If you set the value of minDate to 0, only dates from current day (today) will be enabled. Similar is the case with maxDate.
To know how to write jQuery code easily, see this video:
• jQuery Tip: Simple and Effective Tip (Tech...
To know how to reference jQuery UI files correctly, see the video at
• jQuery UI DatePicker: How to Disable (Make...
To know how to mark holidays in jQuery UI datepicker, see the video at
• jQuery UI DatePicker: How to Mark Holidays...
To know how to disable required dates in jQuery UI datepicker
• jQuery UI DatePicker: How to Disable (Make...
To know how to enable dates before/after specific dates in jQuery UI datepicker
• jQuery UI Datepicker: How to Enable Dates ...
To know how to format selected date in jQuery UI datepicker, see the video at:
• jQuery UI Datepicker: How to Format Select...
