当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript 下拉框显示当前日期

javascript 下拉框显示当前日期

2019年07月31日  | 移动技术网IT编程  | 我要评论

需要增加的地方：

复制代码 代码如下:

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


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网