WebAppers

/ best free open source web resources /

Shopify

jQuery Interactive Date Range Picker with Shortcuts

Posted · Category: Calendar, CC License, GPL License

jQuery Interactive Date Range Picker is a modified version of jQuery UI’s Datepicker. This version is optimized for quickly selecting a date from a list of preset dates/ranges, and they added smooth transitions when additional options are revealed. The modifications include:

  • shortcut links to preset date ranges, for example, “Past 30 days” or “Current YTD,”
  • links to “All dates before…” and “All dates after…” to simplify selecting a range of values where the data set is very large or the high or low end value is an unknown
  • only showing the number of calendars needed for choosing a particular range

jQuery Interactive Date Range Picker

The interactive date range picker shown is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. You can visit the demo page and view the source code to see how it works.

Requirements: -
Demo: http://www.filamentgroup.com/examples/datepicker/
License: GPL and Creative Commons 3.0 License

7 Comments
  • http://funnyemails.uni.cc sumit

    interesting

  • Wouter Van den Neste

    This seams to be nice :)

  • http://blog.olicio.us/ Oskar Krawczyk

    Not a huge jQ fan but this piece looks (and works) pretty amazing. License type kinda sucks though.

  • http://www.toupil.fr toupil

    jquery is so beautiful

  • http://www.toupil.fr toupil

    so beautiful !

  • fantata

    Great work, really really nice.

  • http://www.ecozlabs.com Naseer

    Nice post but I need a date range picker with customizable date format and input text field to post the picked range.
    Could anyone help?
    Thanks

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons