Simple, Beautiful, Efficient Web Application Design

 

 


Introducing jQuery Calendar Date Select

I am a firm believer these days in using jQuery. I got into jQuery after using Prototype for awhile. The good part about this is that I really liked jQuery. The bad part was that a few plugins I enjoyed under the Prototype regime didn’t necessarily have an equal partner in jQuery land.

Calendar Date Select by Tim Harper was one of those plugins that I really enjoyed using. I poked around in jQuery world to see what jQuery plugins existed for date and time but, didn’t find anything that gave me the warm fuzzy feeling that Calendar Date Select did. So, I decided to start working on a jQuery version that would work unobtrusively.

A little bit up setup:

1
2
3
jQuery(document).ready(function($){
  $(".jqueryCDS").datetimeselect();
});

a dash of view code (input, span, or div’s work right now):

1
2
3
4
5
<input class="jqueryCDS" type="text" value="">
or
<div class="jqueryCDS">&nbsp;</div>
or
<span class="jqueryCDS">&nbsp;</span>

and you’ve got Calendar Date Select in jQuery land.

Check out the plugin and a demo app over on the most awesome Github.

The functionality is there minus some of the various options. I hope you like it and feel free to fork and help fill in the gaps.