Javascript实现日期的连动选择

原创 2007年09月27日 13:34:00
今天无意间闯进一网站看到了几个最常用的日历控件,很有头趣的尝试了一下下面的代码。觉得挺简单的贴出来给大学分享下:
<html>
<body>
<form>
<select id=year onchange=toDate()>
<script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script>
</select>
<select id=month onchange=toDate()>
<script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script>
</select>
<select id=day onchange=toDay()></select>
<input name=weekday>
</form>
</body>

<script>
var arr
="日一二三四五六".split("")
function toDate()
...{
    with(document.all)
...{
        vYear
=parseInt(year.options[year.selectedIndex].text)
        vMonth
=parseInt(month.options[month.selectedIndex].text)
        day.length
=0;
        
for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++)
    
...{
        day.options[day.length
++].value=day.length;day.options[day.length-1].text=day.length;}

        }

        toDay();
}


function toDay()
...{
    vDay
=parseInt(document.all.day.options[document.all.day.selectedIndex].value)
    document.all(
"weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()]
}


window.onload
=toDate;
</script>
</html>

JavaScript 实现连动下拉框

  • 2011年07月16日 16:37
  • 54KB
  • 下载

日期控件联动

日期控件联动   label for="indata">                     入住日期:label>input class="hotel_xx_input" type="...
  • ououou123456789
  • ououou123456789
  • 2013-03-22 14:01:01
  • 1091

Javascript实现日期的连动选择

for(i=1970;i"+i+"")for(i=1;i"+i+"")var arr="日一二三四五六".split("")function toDate(){    with(document.al...
  • zhan198271
  • zhan198271
  • 2008-02-14 10:56:00
  • 380

javascript实现简单日期下拉选择器

简单日期下拉选择器:javascript代码:function doyear(){ var select = document.getElementById("year"); var thisYe...
  • on_fighting
  • on_fighting
  • 2015-08-15 20:36:43
  • 2422

JSP、Java实现选择框多级连动

  • 2011年12月03日 22:56
  • 32KB
  • 下载

android中日期输入

  • 2013年01月27日 00:22
  • 45KB
  • 下载

Struts标签+javascript日期连动

以下是写在增加也面的代码:html:select property="year" onchange="toDate()">script language="JavaScript">...for(i=1...
  • zh029t
  • zh029t
  • 2006-10-20 10:12:00
  • 1062

JavaScript日期控件

  • 2010年02月08日 19:52
  • 16KB
  • 下载

JS和Ajax 实现三级联动的下拉选择

1.首先,你需要在HTML  页面里面设置三个下拉菜单 代码如下      省/直辖市 请选择 ...
  • liuzhihan209
  • liuzhihan209
  • 2013-01-18 18:07:42
  • 1462

基于 bootstrap-datetimepicker 联动

先看一下 层级联动的案例    先选择前面时间后  后面的时间不要超过前面的时间   先选择后面的时间后,前面的时间不要少于后面的时间 下面看封装代码function initDateTimeP...
  • everccnight
  • everccnight
  • 2017-08-03 11:28:32
  • 532
收藏助手
不良信息举报
您举报文章:Javascript实现日期的连动选择
举报原因:
原因补充:

(最多只允许输入30个字)