How to Search Multiple Words at a Time with jQuery AJAX

Sometimes requires searching for multiple words and select records according to words matched instead of the exact words.

With only a single like operator, it is not possible to search for multiple words.

Require to split the search term and use it with or and like operators.

In this tutorial, I am using the jQuery UI library for displaying a suggestion list according to the search input.

How to Search Multiple Words at a Time with jQuery AJAX

 

Read more

How to Change Date range Dynamically in jQuery UI Datepicker

The jQuery UI Datepicker widget allows us to pick a from the widget. It has various options by using them you can customize it.

With minDate and maxDate options specify the date range. That restrict the users to pick a date within the specified range.

The value of minDate and maxDate options values can also be defined dynamically at the runtime.

How to Change Date range Dynamically in jQuery UI Datepicker

Read more

How to Set Minimum and Maximum Date in jQuery UI Datepicker

With jQuery UI it is easier to add Datepicker on the textbox element or in any other HTML elements.

If you like to restrict access of users to select a date within a range then there is minDate and maxDate options are available in jQuery UI.

Using this you can set the date range of the Datepicker.

After defining these options the other days will be disabled which are not in a defined range.

In this tutorial, I show you how to use both options in jQuery UI Datepicker to restrict the date range.

How to Set Minimum and Maximum Date in jQuery UI Datepicker

Read more

How to Highlight Selected date in jQuery UI Datepicker

jQuery UI library has many widgets for specific purposes like – Accordion, Tabs, Tooltip, etc. one of them is Datepicker that allows the users to pick a date from the Widget.

It has various options to manage the Datepicker layout e.g. change the default date format, restricting date range, show year dropdown, etc.

While using this Widget you may have a condition arises where you want to highlight some of the specific dates or change the background-color of Holidays, events Days.

You can do this with beforeShowDay option in the datepicker() method. This allows you to specify a CSS class that contains your defined CSS style.

How to Highlight Selected date in jQuery UI Datepicker

Read more