Tony Landis home

jQuery Plugin - YUI Calendar Selector

I love using jQuery and do so at every chance possible. However, I have yet to find a calendar plugin that fits my needs as well as the YUI Calendar.

Frequently, I need to attach the calendar to form fields for date selection, and I didn’t like introducing all the YUI CSS and JS includes into the code. Since I like the jQuery way of doing things, I decided to write a little plugin so binding the calendar popup to a form field would be this simple:

Example 1: mm/dd/yyyy

Example 2: yyyy-mm-dd

<script type="text/javascript" src="/js/jquery.selectdate.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
  $('#date1').selectdate({format:'mm/dd/yyyy', pages:3, font_size:'85%'});
  $('#date2').selectdate({format:'mm-dd-yyy', pages:2});
});
</script>

You will notice the following are easily configurable:

Source Code for the plugin

http://github.com/tony-landis/jquery-plugins/blob/master/selectdate/jquery.selectdate.js

blog comments powered by Disqus