railssignals / jquery_calendar_date_select forked from timcharper/calendar_date_select

A jQuery version of the popular and flexible JavaScript DatePicker for RubyOnRails (and others)

This URL has Read+Write access

name age message
file .gitignore Thu Feb 19 21:16:15 -0800 2009 ignore gems [timcharper]
file History.txt Mon Dec 21 03:00:01 -0800 2009 updated readme with version changes [Rails Signals]
file MIT-LICENSE Mon Sep 03 03:04:35 -0700 2007 fixed spelling on the license file git-svn-id:... [timcharper]
file Manifest.txt Sun Nov 30 00:10:55 -0800 2008 updated to include new files [timcharper]
file README.txt Mon Dec 21 03:00:01 -0800 2009 updated readme with version changes [Rails Signals]
file Rakefile Thu Feb 19 21:44:04 -0800 2009 rake file task description [timcharper]
file init.rb Sat Nov 22 23:08:34 -0800 2008 Cleaning up to prepare for ruby-forge release ... [timcharper]
directory js_test/ Thu Feb 19 21:56:41 -0800 2009 added test to make sure callback is being oncha... [timcharper]
directory lib/ Mon Jun 29 00:20:00 -0700 2009 updated inital lib file copy for jquery files [Rails Signals]
directory public/ Mon Jun 29 00:13:47 -0700 2009 directory restructuring. readme modifications. [Rails Signals]
directory spec/ Thu Feb 19 21:42:11 -0800 2009 don't include the :image option in the input field [timcharper]
README.txt
= jQuery CalendarDateSelect

A jQuery based version of the calendardateselect plugin.

= Installation

  1. script/plugin install git://github.com/railssignals/jquery_calendar_date_select.git
  
  2. Add the javascript and css include tags to your /app/views/layouts/application.html.erb 
     (or whatever layout you want it included in)
      
     <%= javascript_include_tag 'calendar_date_select/jquery/jquery-1.3.2.min.js' %>
     <%= javascript_include_tag 'calendar_date_select/jquery/jquery.string.1.0.js' %>
     <%= javascript_include_tag 'calendar_date_select/jquery/jquery.calendardateselect.js' %>
      
     <%= stylesheet_link_tag '/stylesheets/calendar_date_select/jquery.calendardateselect.css' %>
      
  3. Add the setup function to your /public/javascripts/application.js
  
     jQuery(document).ready(function($){
        $("[selector]").datetimeselect();
     });
      
  4. Add elements in your pages with the class or id that matches [selector]
     
     INPUT Elements
     
       Input Elements will show a Calendar in response to the onClick event.
       <input class="[selector]"> OR <input id="[selector]">
     
       To place existing date/time information into the calendar set the value attribute.
       <input value="[existing date or time formatted to a javascript parsable format]">
     
     DIV and SPAN Elements
     
       Div and Span Elements will have the calendar placed within them and always show the Calendar.
       <div class="[selector]"> OR <div id="[selector]">
       <span class="[selector]"> OR <span id="[selector]">
       
       To place existing date/time information into the calendar create a value attribute.
       <div value="[existing date or time formatted to a javascript parsable format]">
       <span value="[existing date or time formatted to a javascript parsable format]">
     
= Configuration
  
  Create a calendar that uses date and time for a .date selector.
  $('.date').datetimeselect();
  OR
  $('.date').datetimeselect({time: 'true'});
  
  Create a calendar that uses only the date for a .datenotime selector.
  $('.datenotime').datetimeselect({time: 'false'});
     
= TODO:

  List to come soon...
      
= Based upon the popular:

= CalendarDateSelect

http://code.google.com/p/calendardateselect/

== Examples

  Coming Soon...

== Submitting patches

Please take care to do the following:

* Clean up your patch (don't send a patch bomb with a hundred features in one)
* Write test cases!
* As a general rule of thumb, think of ways to make things more general purpose than specific.