Interactive Date Range Picker in jQuery

Best WordPress Hosting

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.

HTML:
<input type=”text” />

jQuery:
$(‘input’).daterangepicker();

Requirements:  jQuery and jQuery UI Datepicker
Demo: http://www.filamentgroup.com/examples/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 

advertisement

About The Author

  • ADD YOUR COMMENT

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!