« »

Transcendent jQuery Date Range Selector + Short Cuts

I was inspired by some work I saw over at filamentgroup.com but their was more of a proof of concept than production code. I decided to try and make the code ready for production and hopefully it will be a little easier to use. I also packaged everything up into a nice download so even a novice can enjoy these fantastic improvements to the standard Date Picker.

View WORKING demo in a new window

Date Formate Function

Tags: , , , , , ,

This entry was posted on Saturday, October 18th, 2008 and is filed under Code Projects. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

23 Responses to “Transcendent jQuery Date Range Selector + Short Cuts”

  1. Gabriel
    October 22nd, 2008 at 8:14 pm

    Hello !

    Just great to see that you improved their work !

    I wonder if now I will be abble to translate the script and change the date format to international standard… Day / Month / Year … that is why I am not using it in my system…

    If able to, I would like to contribute with the portuguese translation…

    Thanks,

    Gabriel

  2. RyanOC
    October 23rd, 2008 at 4:26 am

    Thanks! How production ready would you say this control is?

  3. Chris Stormer
    October 25th, 2008 at 2:54 pm

    Ryan,

    I’m using it in production with no problems.

    I added a new function to the post to control the date format.

  4. Scott Jehl
    October 31st, 2008 at 12:11 pm

    Hi Chris,
    Nice work. Glad you like what we’ve done.
    I haven’t checked out your source yet, but I will. I wanted to let you know we’ve finally rewritten ours as well, and made it much more flexible/configurable and themeroller-ready. It also has date.js built in for shortcuts and other conveniences. You can check it out here:
    http://www.filamentgroup.com/lab/update_date_range_picker_with_jquery_ui/

    Take care
    -Scott

  5. 37 Phenomenal jQuery Plugins and Demos for Developers : Speckyboy - Web Design, Web Development and Graphic Design Resources
    December 10th, 2008 at 3:58 am

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  6. Tims Blog » Blog Archive
    December 11th, 2008 at 10:40 am

    [...] jquery date range selector [...]

  7. Enhance HTML Forms With 15+ JQuery Plugins | oOrch Blog
    September 25th, 2009 at 1:29 pm

    [...] 4.jQuery Date Range Selector [...]

  8. 35 Fresh and Useful jQuery Plugins « Noupe | 51Feeling
    October 20th, 2009 at 8:52 pm

    [...] Transcendent jQuery Date Range Selector + Short Cuts Transcendent jQuery Date Range Selector + Short Cuts are packaged into a nice download so even a novice can enjoy these fantastic improvements to the standard Date Picker. [...]

  9. 35 Fresh and Useful jQuery Plugins « Tech7.Net
    October 21st, 2009 at 12:55 am

    [...] Transcendent jQuery Date Range Selector + Short Cuts Transcendent jQuery Date Range Selector + Short Cuts are packaged into a nice download so even a novice can enjoy these fantastic improvements to the standard Date Picker. [...]

  10. 20+ Perfact jQuery Plungins Make You Website More Attractive - Ntt.cc
    October 24th, 2009 at 11:41 pm

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  11. 35 Plugins muito úteis para jQuery | Marlon Pacheco
    October 29th, 2009 at 10:42 am

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  12. ConixIT
    December 9th, 2009 at 1:55 pm

    I have this daterange picker as part of a multi-input search tool. How can I set it’s default to be NOTHING. and if the user so chooses to only search a date range have all of the other useful parts of this picker?

    Thanks

  13. 35 свежих и полезных jQuery плагинов
    December 15th, 2009 at 12:10 pm

    [...] Transcendent jQuery Date Range Selector [...]

  14. Jquery useful links to plugins : JQuery in my mind
    January 5th, 2010 at 6:02 am

    [...] Transcendent jQuery Date Range Selector + Short Cuts | Chris Stormer [...]

  15. 50 jQuery Tools for Awesome Websites | Pro Blog Design
    February 15th, 2010 at 8:55 am

    [...] a set of Tweets in real-time that are related to your post.Calendars and Datepickers35. TranscendentTranscendent makes it easy to set dates via calendars, and even select whole date ranges between two days.36. [...]

  16. 37 Fenomenales jQuery Plugins y Demos para Desarrolladores | Proyecto Aurora
    February 16th, 2010 at 10:27 pm

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  17. 50 jQuery Tools for Awesome Websites ­ Share My Live
    March 9th, 2010 at 11:40 pm

    [...] Transcendent makes it easy to set dates via calendars, and even select whole date ranges between two days. [...]

  18. 50 jQuery Tools for Awesome Websites | Web Development News
    March 11th, 2010 at 9:47 am

    [...] Transcendent makes it easy to set dates via calendars, and even select whole date ranges between two days. [...]

  19. 50 jQuery Tools for Awesome Websites | Web SEO Rank
    March 19th, 2010 at 2:45 am

    [...] Transcendent makes it easy to set dates via calendars, and even select whole date ranges between two days. [...]

  20. 50 jQuery Tools for Awesome Websites » -!-PHONEXSIA-!-
    April 21st, 2010 at 3:57 pm

    [...] Transcendent makes it easy to set dates via calendars, and even select whole date ranges between two days. [...]

  21. Best jQuery Plugins that enhance HTML form elements - Wsblogz.com – Web design magazine
    May 16th, 2010 at 8:40 pm

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  22. 20+ jQuery Plugins that enhance HTML form elements | Galaxark Blog
    May 19th, 2010 at 2:43 am

    [...] Transcendent jQuery Date Range Selector + Short Cuts [...]

  23. Enhance Forms Using jQuery: 30 Tutorials and Plugins
    July 18th, 2010 at 7:59 am

    [...] 27. Transcendent jQuery Date Range Selector + Short Cuts [...]

Leave a Reply