javascript下拉框显示当前日期_时间日期



需要增加的地方：
代码如下:
2010
2011
2012
2013

测试代码:
代码如下:

* 您消费的时间

2007 2008 2009 2010 2011 2012 2013 年

01 02 03 04 05 06 07 08 09 10 11 12 月

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 日

00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 点

00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 分

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




第二种方法：不需要事先写好年份，可扩展性比较好
//日期下拉框 // 风云突变 // 2003-9 //计算月份天数(闰年)，Year 年，Month 月 function LeapYear(Year, Month) { switch (parseInt(Month)) { case 2: return ((Year%4 == 0) && (Year%100 != 0) || (Year%400 == 0)) ? 29 : 28; case 4: case 6: case 9: case 11: return 30; default: return 31; } } //改变天数下拉框，YearObj 年下拉框对象，MonthObj 月下拉框对象，DayObj 日下拉框对象 function ChangeDay(YearObj, MonthObj, DayObj) { DayObj.options.length = 0; for (var i=1; i<=LeapYear(YearObj.value, MonthObj.value); i++) DayObj.options.add(new Option(i, i)); if (MonthObj.value == iDate.getMonth()+1 && YearObj.value == iDate.getYear()) DayObj.selectedIndex = iDate.getDate()-1; } //建立日期年月日下拉框，可指定日期参数，无参数显示当前日期 function CreateDateSelect(y, m, d) { document.write('<select name="iYear1" onChange="ChangeDay(this, document.all.iMonth1, document.all.iDay1)">'); for (var i=100; i>=0; i--) document.write('<option value="' + (iDate.getYear()-i) + '"' + (iDate.getYear()-i == y ? ' selected' : '') + '>' + (iDate.getYear()-i) + '</option>'); document.write('</select> 年 '); if (!y) document.all.iYear1.selectedIndex = 100; document.write('<select name="iMonth1" onChange="ChangeDay(document.all.iYear1, this, document.all.iDay1)">'); for (var i=1; i<13; i++) document.write('<option value="' + i + '"' + (i == m ? ' selected' : '') + '>' + i + '</option>'); document.write('</select> 月 '); if (!m) document.all.iMonth1.selectedIndex = iDate.getMonth(); document.write('<select name="iDay1">'); for (var i=1; i<=LeapYear(iDate.getYear(), iDate.getMonth()+1); i++) document.write('<option value="' + i + '"' + (i == d ? ' selected' : '') + '>' + i + '</option>'); document.write('</select> 日'); if (!d) document.all.iDay1.selectedIndex = iDate.getDate()-1; } var iDate = new Date(); CreateDateSelect(); </ script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第三种方法:不能用，但编程思路还可以，如果正式使用建议用第二种方法
代码如下:






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('');
for(var ii=ff; ii<=to; ii++)
document.write(''+ii+'');
}
function a()
{
alert(document.all("years").value+"年"+document.all("months").value+"月"+document.all("days").value+"日") ;
}