Learning jQuery

In this post, find jQuery code to remove weekends rather than disabling them from jQuery UI Datepicker. This is quite useful when you don't want to allow users to select weekends. To disable weekends, all you need to do is to override ".ui-datepicker-week-end" css class and set display to none. .ui-datepicker-week-end { display:none } Live […]

With continuation of jQuery UI Datepicker series articles, here is another post which gives solution to highlight very first day of each month in jQuery UI Datepicker control. First, define a CSS class to show highlighted effect. .firstDay a{ background-color : #00FF00 !important; background-image :none !important; color: #000 !important; } And use "beforeShowDay" event provided […]

In one of my previous post, I had posted about Show only Month and Year in jQuery UI DatePicker, but there was an issue with the code explained in that particular post. The issue was that it was applicable for all the datepickers present on the page and it is quite possible to have such […]

In this post, you will learn how to implement validation to "Restrict Date Range in jQuery UI DatePicker" or "End Date should be greater than Start Date by few days using jQuery Date Picker". When I say few days, which means end date must be at least StartDate + 4 or StartDate + 2.. The […]

In this post, find jQuery code to hide or disable specific dates in jQuery UI Datepicker. This is small but useful features. Consider a scenario, where hide all the dates for public holidays or workplace is closed. Related Post: Disable specific days in jQuery Datepicker Disable Weekends in jQuery DatePicker Enable only weekends in jQuery […]

Earlier today, I posted about "How to Set Current Date in jQuery UI Datepicker" using setDate() method provided by jQuery UI Datepicker library. But there are few interesting things which you can also do with setDate() method which you might not be knowing. setDate() method takes 'date' as argument but this argument either can be […]