Posted in API Jquery

Interactive Date Range Picker in jQuery

Interactive Date Range Picker in jQuery Posted on July 14, 2012Leave a comment

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

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

Advertisement

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

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

Leave a Reply

Your email address will not be published. Required fields are marked *

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!