Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Lịch kèm thời gian
URL: https://www.javascriptbank.com/tigra-calendars-script-index.html
Hiệu ứng tạo ra các tờ lịch theo hai định dạng ngày (của Châu Âu và Mỹ), dưới mỗi tờ lịch sẽ có khung hiển thị thời gian của ngày hiện hành.
Phiên bản đầy đủ: jsB@nk » Thời gian » Lịch » Lịch kèm thời gian
URL: https://www.javascriptbank.com/tigra-calendars-script-index.html
<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-->
<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"> </td></tr></table></td></tr></table><br> </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'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> </td></tr><tr><td class="header2"> </td></tr></table><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/time/Tigra_Calendars_script/calendar1.jshttp://javascriptbank.com/javascript/time/Tigra_Calendars_script/calendar2.js
