管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript 下拉框显示当前日期

　　需要增加的地方：

　　

复制代码 代码如下:

　　<option value="2010">2010</option>

　　<option value="2011">2011</option>

　　<option value="2012">2012</option>

　　<option value="2013">2013</option>

　　测试代码:

　　

复制代码 代码如下:

　　<html>

　　<head>

　　<meta name="GENERATOR" content="Microsoft FrontPage 6.0">

　　<meta name="ProgId" content="FrontPage.Editor.Document">

　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　<title>* 您消费的时间</title>

　　</head>

　　<body>

　　<table width="500" border="0" cellspacing="0" cellpadding="0">

　　<tr>

　　<td width="22%" height="25" bgcolor="F7F7F7">

　　<span class="title_red STYLE2">* </span>您消费的时间

　　</td>

　　<td width="20%" bgcolor="F7F7F7">

　　<select id="years">

　　<option value="2007">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>

　　</select> 年

　　</td>

　　<td width="15%" bgcolor="F7F7F7">

　　<select id="months">

　　<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>

　　</select> 月

　　</td>

　　<td width="15%" bgcolor="F7F7F7">

　　<select id="days">

　　<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">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> 日

　　</td>

　　<td width="15%" bgcolor="F7F7F7">

　　<select id="hours">

　　<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">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> 点

　　</td>

　　<td width="15%" bgcolor="F7F7F7">

　　<select id="mins">

　　<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">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>

　　<option value="32">32</option>

　　<option value="33">33</option>

　　<option value="34">34</option>

　　<option value="35">35</option>

　　<option value="36">36</option>

　　<option value="37">37</option>

　　<option value="38">38</option>

　　<option value="39">39</option>

　　<option value="40">40</option>

　　<option value="41">41</option>

　　<option value="42">42</option>

　　<option value="43">43</option>

　　<option value="44">44</option>

　　<option value="45">45</option>

　　<option value="46">46</option>

　　<option value="47">47</option>

　　<option value="48">48</option>

　　<option value="49">49</option>

　　<option value="50">50</option>

　　<option value="51">51</option>

　　<option value="52">52</option>

　　<option value="53">53</option>

　　<option value="54">54</option>

　　<option value="55">55</option>

　　<option value="56">56</option>

　　<option value="57">57</option>

　　<option value="58">58</option>

　　<option value="59">59</option>

　　</select> 分

　　</td>

　　</tr>

　　</table>

　　<script>

　　var today=new Date()//定义一个时间对象

　　var yy=today.getYear()

　　var mm=today.getMonth()+1

　　var dd=today.getDate()

　　var h=today.getHours()//定义小时

　　var m=today.getMinutes()//定义分钟

　　document.getElementById("years").options(yy-2007).selected=1

　　document.getElementById("months").options(mm-1).selected=1

　　document.getElementById("days").options(dd-1).selected=1

　　document.getElementById("hours").options(h).selected=1

　　document.getElementById("mins").options(m).selected=1

　　</script>

　　</body>

　　</html>

　　第二种方法：不需要事先写好年份，可扩展性比较好

　　

　　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　第三种方法:不能用，但编程思路还可以，如果正式使用建议用第二种方法

　　

复制代码 代码如下:

　　<html>

　　<head>

　　<title> New Document </title>

　　</head>

　　<body>

　　<script>

　　function setDay(obj){

　　obj = obj.form;

　　var years=parseInt(obj.years.options[obj.years.selectedIndex].value);

　　var months=parseInt(obj.months.options[obj.months.selectedIndex].value);

　　if(obj.years.selectedIndex==0 || obj.months.selectedIndex==0)return;

　　var lastday = monthday(years,months);

　　var itemnum = obj.days.length;

　　if (lastday - 1 < obj.days.selectedIndex)

　　{

　　obj.days.selectedIndex = lastday - 1;

　　}

　　obj.days.length = lastday;

　　for(cnt = itemnum + 1;cnt <= lastday;cnt++)

　　{

　　obj.days.options[cnt - 1].text = cnt;

　　}

　　}

　　function monthday(years,months)

　　{

　　var lastday = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

　　if (((years % 4 == 0) && (years % 100 != 0)) || (years % 400 == 0))

　　{

　　lastday[1] = 29;

　　}

　　return lastday[months - 1];

　　}

　　function forto(ff,to)

　　{

　　document.write('<OPTION value=""></OPTION>');

　　for(var ii=ff; ii<=to; ii++)

　　document.write('<OPTION value="'+ii+'">'+ii+'</OPTION>');

　　}

　　function a()

　　{

　　alert(document.all("years").value+"年"+document.all("months").value+"月"+document.all("days").value+"日") ;

　　}

　　</script>

　　<FORM>

　　<SELECT name="years" onChange="setDay(this);">

　　<script>forto(1990,2030)</script>

　　</SELECT>年　

　　<SELECT name="months" onChange="setDay(this);">

　　<script>forto(1,12)</script>

　　</SELECT>月　

　　<SELECT name="days"></SELECT>日　

　　</form>

　　</body>

　　</html>

教程首页 更多教程