首页 > 代码库 > 关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日)
关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日)
这篇博客和前一篇博客基本相同,只是显示的默认值不同:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>年月日三级级联(默认依次显示请选择年、请选择月和请选择日)</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <script type="text/javascript"> function removeChilds(id){ var childs = document.getElementById(id).childNodes;//这一行代码和紧跟的下面的for循环用于清除原来日的下拉列表的select中的对节点 for(var i=childs.length-1;i>=0;i--) { document.getElementById(id).removeChild(childs[i]); } } function setDay(){ var yearToDate=document.getElementById("year").value; var monthToDate=document.getElementById("month").value; //alert(yearToDate+":"+monthToDate); var days=new Array(28,29,30,31); if(yearToDate==0||monthToDate==0){//如果是当前系统时间则设置默认的日 var newOption = document.createElement("option");newOption.setAttribute("value",0);newOption.setAttribute("selected","selected"); var textToNewOption=document.createTextNode("请选择日");newOption.appendChild(textToNewOption); document.getElementById("day").appendChild(newOption); }else{ if(monthToDate==1||monthToDate==3||monthToDate==5||monthToDate==7||monthToDate==8||monthToDate==10||monthToDate==12){ removeChilds("day"); for( i=1; i<=days[3]; i++ ){ var newOption = document.createElement("option");newOption.setAttribute("value",i); var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption); document.getElementById("day").appendChild(newOption); } } if(monthToDate==4||monthToDate==6||monthToDate==9||monthToDate==11){ removeChilds("day"); for( i=1; i<=days[2]; i++ ){ var newOption = document.createElement("option");newOption.setAttribute("value",i); var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption); document.getElementById("day").appendChild(newOption); } } if(monthToDate==2){ removeChilds("day"); if(yearToDate%400==0||yearToDate%100!=0&&yearToDate%4==0){//闰年 for( i=1; i<=days[1]; i++ ){ var newOption = document.createElement("option");newOption.setAttribute("value",i); var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption); document.getElementById("day").appendChild(newOption); } }else{ for( i=1; i<=days[0]; i++ ){ var newOption = document.createElement("option");newOption.setAttribute("value",i); var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption); document.getElementById("day").appendChild(newOption); } } } } } function getMonth(){ var m; document.write("<option value=http://www.mamicode.com/0 selected=/"selected/">请选择月");>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。