forked from SimplesIP/pabx-app
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
12 KiB
216 lines
12 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<title>Cross browser javascript calendar</title> |
|
<style type="text/css"> |
|
body{ |
|
/* |
|
You can remove these four options |
|
|
|
*/ |
|
background-repeat:no-repeat; |
|
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; |
|
margin:0px; |
|
|
|
|
|
} |
|
#ad{ |
|
padding-top:220px; |
|
padding-left:10px; |
|
} |
|
</style> |
|
<link type="text/css" rel="stylesheet" href="js/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK> |
|
<SCRIPT type="text/javascript" src="js/dhtmlgoodies_calendar.js?random=20060118"></script> |
|
|
|
</head> |
|
<body> |
|
<img src='http://www.dhtmlgoodies.com/images/heading3.gif'> |
|
<form> |
|
<p>Click on the "Cal" buttons to see how the calendar works</p> |
|
<table> |
|
<tr><td>Date input 1(YYYY/MM/DD): </td><td><td><input type="text" value="2004/02/02" readonly name="theDate"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate, 'yyyy/mm/dd', this)"></td></tr> |
|
<tr><td>Date input 2(DD.MM.YYYY): </td><td><td><input type="text" value="24.12.2000" readonly name="theDate2"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate2, 'dd.mm.yyyy', this)"></td></tr> |
|
|
|
<tr><td>Date input 3: </td><td><td> |
|
<select name="year"> |
|
<option value="1999">1999</option> |
|
<option value="2000">2000</option> |
|
<option value="2001">2001</option> |
|
<option value="2002">2002</option> |
|
<option value="2003">2003</option> |
|
<option value="2004">2004</option> |
|
<option value="2005">2005</option> |
|
<option value="2006">2006</option> |
|
<option value="2007" selected>2007</option> |
|
<option value="2008">2008</option> |
|
<option value="2009">2009</option> |
|
<option value="2010">2010</option> |
|
<option value="2011">2011</option> |
|
<option value="2012">2012</option> |
|
<option value="2013">2013</option> |
|
<option value="2014">2014</option> |
|
<option value="2015">2015</option> |
|
</select> / |
|
<select name="month"> |
|
<option value="01">Jan</option> |
|
<option value="02">Feb</option> |
|
<option value="03">Mar</option> |
|
<option value="04">Apr</option> |
|
<option value="05">May</option> |
|
<option value="06">Jun</option> |
|
<option value="07">Jul</option> |
|
<option value="08">Aug</option> |
|
<option value="09" selected>Sep</option> |
|
<option value="10">Oct</option> |
|
<option value="11">Nov</option> |
|
<option value="12">Dec</option> |
|
</select> / |
|
<select name="day"> |
|
<option value="01">01</option> |
|
<option value="02">02</option> |
|
<option value="03">03</option> |
|
<option value="04">04</option> |
|
<option value="05">05</option> |
|
<option value="06">06</option> |
|
<option value="07">07</option> |
|
<option value="08">08</option> |
|
<option value="09">09</option> |
|
<option value="10">10</option> |
|
<option value="11" selected>11</option> |
|
<option value="12">12</option> |
|
<option value="13">13</option> |
|
<option value="14">14</option> |
|
<option value="15">15</option> |
|
<option value="16">16</option> |
|
<option value="17">17</option> |
|
<option value="18">18</option> |
|
<option value="19">19</option> |
|
<option value="20">20</option> |
|
<option value="21">21</option> |
|
<option value="22">22</option> |
|
<option value="23">23</option> |
|
<option value="24">24</option> |
|
<option value="25">25</option> |
|
<option value="26">26</option> |
|
<option value="27">27</option> |
|
<option value="28">28</option> |
|
<option value="29">29</option> |
|
<option value="30">30</option> |
|
<option value="31">31</option> |
|
</select> |
|
<input type="button" value="Cal" onclick="displayCalendarSelectBox(document.forms[0].year, document.forms[0].month, document.forms[0].day, false, false, this)"></td></tr> |
|
<tr><td>Date input 3(YYYY/MM/DD hh:ii): </td><td><td><input type="text" value="2006/06/02 12:55" readonly name="theDate3"><input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate3, 'yyyy/mm/dd hh:ii', this, true)"></td></tr> |
|
|
|
<tr><td>Date input 3: </td><td><td> |
|
<select name="year2"> |
|
<option value="1999">1999</option> |
|
<option value="2000">2000</option> |
|
<option value="2001">2001</option> |
|
<option value="2002">2002</option> |
|
<option value="2003">2003</option> |
|
<option value="2004">2004</option> |
|
<option value="2005">2005</option> |
|
<option value="2006">2006</option> |
|
<option value="2007" selected>2007</option> |
|
<option value="2008">2008</option> |
|
<option value="2009">2009</option> |
|
<option value="2010">2010</option> |
|
<option value="2011">2011</option> |
|
<option value="2012">2012</option> |
|
<option value="2013">2013</option> |
|
<option value="2014">2014</option> |
|
<option value="2015">2015</option> |
|
</select> / |
|
<select name="month2"> |
|
<option value="01">Jan</option> |
|
<option value="02">Feb</option> |
|
<option value="03">Mar</option> |
|
<option value="04">Apr</option> |
|
<option value="05">May</option> |
|
<option value="06">Jun</option> |
|
<option value="07">Jul</option> |
|
<option value="08">Aug</option> |
|
<option value="09" selected>Sep</option> |
|
<option value="10">Oct</option> |
|
<option value="11">Nov</option> |
|
<option value="12">Dec</option> |
|
</select> / |
|
<select name="day2"> |
|
<option value="01">01</option> |
|
<option value="02">02</option> |
|
<option value="03">03</option> |
|
<option value="04">04</option> |
|
<option value="05">05</option> |
|
<option value="06">06</option> |
|
<option value="07">07</option> |
|
<option value="08">08</option> |
|
<option value="09">09</option> |
|
<option value="10">10</option> |
|
<option value="11" selected>11</option> |
|
<option value="12">12</option> |
|
<option value="13">13</option> |
|
<option value="14">14</option> |
|
<option value="15">15</option> |
|
<option value="16">16</option> |
|
<option value="17">17</option> |
|
<option value="18">18</option> |
|
<option value="19">19</option> |
|
<option value="20">20</option> |
|
<option value="21">21</option> |
|
<option value="22">22</option> |
|
<option value="23">23</option> |
|
<option value="24">24</option> |
|
<option value="25">25</option> |
|
<option value="26">26</option> |
|
<option value="27">27</option> |
|
<option value="28">28</option> |
|
<option value="29">29</option> |
|
<option value="30">30</option> |
|
<option value="31">31</option> |
|
</select> |
|
<select name="hour2"> |
|
<option value="00">00</option> |
|
<option value="01">01</option> |
|
<option value="02">02</option> |
|
<option value="03">03</option> |
|
<option value="04">04</option> |
|
<option value="05">05</option> |
|
<option value="06">06</option> |
|
<option value="07">07</option> |
|
<option value="08">08</option> |
|
<option value="09">09</option> |
|
<option value="10">10</option> |
|
<option value="11">11</option> |
|
<option value="12">12</option> |
|
<option value="13">13</option> |
|
<option value="14" selected>14</option> |
|
<option value="15">15</option> |
|
<option value="16">16</option> |
|
<option value="17">17</option> |
|
<option value="18">18</option> |
|
<option value="19">19</option> |
|
<option value="20">20</option> |
|
<option value="21">21</option> |
|
<option value="22">22</option> |
|
<option value="23">23</option> |
|
</select> : |
|
<select name="minute2"> |
|
<option value="00">00</option> |
|
<option value="05">05</option> |
|
<option value="10">10</option> |
|
<option value="15">15</option> |
|
<option value="20" selected>20</option> |
|
<option value="25">25</option> |
|
<option value="30">30</option> |
|
<option value="35">35</option> |
|
<option value="40">40</option> |
|
<option value="45">45</option> |
|
<option value="50">50</option> |
|
<option value="55">55</option> |
|
</select> |
|
<input type="button" value="Cal" onclick="displayCalendarSelectBox(document.forms[0].year2, document.forms[0].month2, document.forms[0].day2, document.forms[0].hour2, document.forms[0].minute2, this)"></td></tr> |
|
</table> |
|
<div id="debug"></div> |
|
|
|
</body> |
|
</html> |