MicroDateSelect

MicroDateSelect is a simple to use javascript floating calendar.

News

06/11/08
First release.

Demonstration

Simple example:


Multiple input fields

 

Installation

MicroDateSelect depends on Prototype 1.6. You can get Prototype here. 

<!-- microdateselect is based on Prototype.  -->
<script type="text/javascript" src="./prototype.js"></script>

<!-- microdateselect  -->
<link href="./microdateselect.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./microdateselect.js"></script>

How to use

Simple to use:

new MicroDateSelect( element );

Complete example:

<!-- the input element you want to update (needs an id) -->
<input type="text" name="start_time_string" value="" id="start_time_string">

<script type="text/javascript" charset="utf-8">
  //<![CDATA[
    new MicroDateSelect( 'start_time_string' );
    new MicroDateSelect( 'end_time_string' );
  //]]>
</script>

Style

Use the microdateselect.css file to build your own style.

Download

Get it from GitHub 
git clone git://github.com/fluxsaas/microdateselect.git

or download it.