Category Archives: jQuery

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 […]

jQuery check dom element exists in page

Here I am going to explain how to check or validate DOM element exists in a page or not. we used to check DOM element existence like jQuery(‘#ID’) or jQuery(‘.Class’) but keep in mind jQuery always return array weather DOM element exists or not. If not exists then it returns blank array so we must […]

Get selected checkboxes from comma separated list with jQuery

Basically, there are several method to get selected value into comma sparated. But in today’s era jQuery is most popular JavaScript librery and reduce less line of code. Using $.map() function we can perform task in a few line of code. var ele = jQuery(‘input[name=nameofelement]:checked’).map(function(){ return this.value; }).get().join(); Full Example: Copy and paste below code […]

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 […]