Category Archives: jQuery UI

jQuery datepicker: Disabled previous/next/any days

We have seen how to customize jquery datepicker in different condition. such as, jQuery calender: Highlight date with different color jQuery datepicker: change position of month and year drop down jQuery Calender: Manage Year Range jQuery Calender: Include month and year dropdown jQuery Datepicker Here today I am going to explain how to disabled previous […]

jQuery calender: Highlight date with different color

Today I have done experiment to highlight specific date with different color in datepicker. Let’s see step by step. CSS: overright css class with differ color. Here I have applied red background color with white font. You can change its with your choice of code. .ui-highlight .ui-state-default{ background: red !important; border-color: red !important; color: white […]

jQuery datepicker: change position of month and year drop down

As we have seen how to add month and year drop down and how to customize year drop down range. Here I am going to explain how to switch position of month and year drop down. Usually, you can see in jQuery datepicker month and year drop down respectively but sometime you need to change […]

jQuery Calender: Manage Year Range

If you are building high interactive web application and want to add calender then jQuery UI is perfect pick for you. jQuery UI gives so many customizable things in calender. As we have seen how to add month and year in calender in previous article. It has +10 year range in jQuery datepicker but you […]

jQuery Calender: Include month and year dropdown

As you have seen how to add a simple jQuery calender in your project, Now think about enhancement. A jQuery Calender have much more predefined function. Here I am going to explain how to add month and year drop down in jQuery Calender so user can move one to another month or year directly instead […]

jQuery Datepicker

Here you can see how to add jQuery datepicker in your web project. In order to add jQuery datepicker in your web page you have to download source code of jQuery UI library. You can also use CDN URL for that. Open jQuery UI site and see at bottom you can get CDN URL just […]

Show jQuery Dialog Close Button in Left

Introduction In this aricle you can see how to move jQuery dialog close (X) button from right to left. Usually, jQuery dialog has Close button on top right corner. In the previous article we have seen how to remove close (X) button from jQuery Dialog. It’s not require more changes or no need to diggin […]

10 different example of jQuery datepicker

Introduction: Here you can see different example of jQuery UI datepicker. jQuery UI Datepicker has been made very flexible and customizable. It satisfied most of our requirements. In order to enabled/disabled days, change year range you need to add bit of code as it has no directly functionality. Here I have used beforeShowDay, yearRange, minDate, […]

jQuery datepicker disabled weekday

There is another custom setting for jQuery datapicker. Here we have discuss about how to disabled any weekday in jQuery datepicker. As you know in today’s era jQuery become more and more populare and why not? It should be because jQuery does our work very easy. Recently, in our one of the project need to […]