Interactive Date Range Picker in jQuery


I have already posted some date picker jQuery script which works great. In this post, i am going to post a different kind of Date range picker which allow users to select custom period. Users can select past 30 days, past 12 months, or a custom period of time.

jQuery Interactive Date Range Picker is the jQuery plugin for custom date range selection. It is the modified version of jQuery UI’s Datepicker and is also optimized for quick date selection from the list of date ranges an options. transitions between these options is also nice.

Interactive Date Range Picker in jQuery

There are many options available for developers to use in this api. These options helps developers to perform multiple tasks and improve the usage of the script.

Working with this API is also very easy. You only need to create an HTML tect box and then add dateragepicker to this. see the sample code.

<input type=”text” />


Requirements:  jQuery and jQuery UI Datepicker
License: GPL and Creative Commons 3.0 License

Download Demo

One important thing about this API is that the API not coded for modification. Although, you are free to use. If you want to modify, you need to give attribution to Filament Group.

You may also like these free resources

Opensource Datepicker jQuery Plugin – Zebra
How to convert Hex Color to RGB with PHP
10 beautiful Free Fonts For Your Web Design
3 premium news ticker Jquery plugins
4 tips for creating a better menu for a website 

Tags: | |
Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Similar Articles


Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker