Examples - Calendar

The calendar control allows the easy adding of a fully functional JavaScript calendar into a HTML document. Documentation for this control can be found in the documents section.

France Great Britain Italy Spain United States of America Default

Selected Date:

The visible month can be changed by clicking on either the "<<" or ">>" buttons in the top corners of the calendar. Alternatively the calendar visible month can also be changed using the wheel mouse.

Code:

	
<p>

 <select onChange="$gc('cal').setLocaleCode(this.value);">

  <option value="fr">France</option>

  <option value="gb">Great Britain</option>

  <option value="it">Italy</option>

  <option value="es">Spain</option>

  <option value="us">United States of America</option>

  <option value="" selected>Default</option>

 </select>

 <!-- Display the calendar here -->
 <div ext="calendar" linkto="txtCalDate" id="cal" dayformat="3" class="calendar" keys="1"></div>

</p>

<p>

 Selected Date: <input type="text" id="txtCalDate" />

</p>
				

If you are interested in how the textbox parses a date then take a look at the documentation on SS.datetime.