»
EnglishFrenchVietnamese

Print - Tigra Calendars script - JavaScriptBank.com

Full version: jsB@nk » Time » Calendar » Tigra Calendars script
URL: http://www.javascriptbank.com/tigra-calendars-script-index.html

Tigra Calendars script © JavaScriptBank.comThere is a form with Tigra Calendars attached to the fields,that you can have multiple calendars on the same page independently configurable.

Full version: jsB@nk » Time » Calendar » Tigra Calendars script
URL: http://www.javascriptbank.com/tigra-calendars-script-index.html



JavaScript
<script language="JavaScript" src="calendar1.js"></script><script language="JavaScript" src="calendar2.js"></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table cellpadding="3" cellspacing="1" border="0" width="100%"><tr><td align="center"><img src="/img/pixel.gif" width="1" height="40" border="0"><br><table cellpadding="0" cellspacing="0" width="450" border="0"><tr><td bgcolor="#4682B4"><table cellpadding="5" cellspacing="1" width="100%" border="0"><tr><th colspan="2" bgcolor="#DBEAF5"><font face="tahoma, verdana" size="2">Try out the script with this demo form</font></td></tr><tr><td bgcolor="#ffffff">European Date Format (dd-mm-yyyy)</td><td bgcolor="#ffffff">American Date Format (mm/dd/yyyy)</td></tr><form name="tstest"><tr><td bgcolor="#ffffff" valign="top">Select Date (w. year scrl.):<br><input type="Text" name="input1" value="" size="20"><a href="javascript:cal1.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Date (w/o year scrl.):<br><input type="Text" name="input2" value="" size="20"><a href="javascript:cal2.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Timestamp (w. year scrl.):<br><input type="Text" name="input3" value="" size="20"><a href="javascript:cal3.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Timestamp (w/o year scrl.):<br><input type="Text" name="input4" value="" size="20"><a href="javascript:cal4.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br></td><td bgcolor="#ffffff">Select Date (w. year scrl.):<br><input type="Text" name="input5" value="" size="20"><a href="javascript:cal5.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Date (w/o year scrl.):<br><input type="Text" name="input6" value="" size="20"><a href="javascript:cal6.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Timestamp (w. year scrl.):<br><input type="Text" name="input7" value="" size="20"><a href="javascript:cal7.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br>Select Timestamp (w/o year scrl.):<br><input type="Text" name="input8" value="" size="20"><a href="javascript:cal8.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><br></td></tr></form><script language="JavaScript"><!-- // create calendar object(s) just after form tag closed // specify form element as the only parameter (document.forms['formname'].elements['inputname']); // note: you can have as many calendar objects as you need for your applicationvar cal1 = new calendar1(document.forms['tstest'].elements['input1']);cal1.year_scroll = true;cal1.time_comp = false;var cal2 = new calendar1(document.forms['tstest'].elements['input2']);cal2.year_scroll = false;cal2.time_comp = false;var cal3 = new calendar1(document.forms['tstest'].elements['input3']);cal3.year_scroll = true;cal3.time_comp = true;var cal4 = new calendar1(document.forms['tstest'].elements['input4']);cal4.year_scroll = false;cal4.time_comp = true;var cal5 = new calendar2(document.forms['tstest'].elements['input5']);cal5.year_scroll = true;cal5.time_comp = false;var cal6 = new calendar2(document.forms['tstest'].elements['input6']);cal6.year_scroll = false;cal6.time_comp = false;var cal7 = new calendar2(document.forms['tstest'].elements['input7']);cal7.year_scroll = true;cal7.time_comp = true;var cal8 = new calendar2(document.forms['tstest'].elements['input8']);cal8.year_scroll = false;cal8.time_comp = true;//--></script><tr><td colspan="2" bgcolor="#DBEAF5">&nbsp;</td></tr></table></td></tr></table><br>&nbsp;</td></tr><tr><td class="header2">Notes</td></tr><tr><td class="intd">There is a form with Tigra Calendars attached to the fields. Note, that you can have multiple calendars on the same page independently configurable.</td></tr><tr><td class="header2">Advantages</td></tr><tr><td class="intd"><p><b>Easy date input</b> - With Tigra Calendar date input is simple and intuitive. Visitors can select any date from unlimited range with few clicks.<p><b>Cost Saving Component</b> - Don&#39;t waste your time coding date conversion and validation all over again for each new project. Get the dates on server side ready for further processing.<p><b>Professional Look</b> - Simple great looking improvement to the user interface of your web application.<br>&nbsp;</td></tr><tr><td class="header2">&nbsp;</td></tr></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/time/Tigra_Calendars_script/calendar1.jshttp://javascriptbank.com/javascript/time/Tigra_Calendars_script/calendar2.js