JS生成年月组合下拉框


<html> 
<head> 
<title>年月日三下拉框联动</title> 
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 
<meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> 
</head> <body> 
<form name=form1> 
  <select name=YYYY onchange="YYYYDD(this.value)"> 
    <option value="">请选择 年</option> 
  </select> 
  <select name=MM   onchange="MMDD(this.value)"> 
    <option value="">选择 月</option> 
  </select> 
  <select name=DD> 
    <option value="">选择 日</option> 
  </select> 
</form> <script language="JavaScript">...<!-- 
function YYYYMMDDstart() 
{ 
    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];     //先给年下拉框赋内容 
    var y   = new Date().getFullYear(); 
    for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年 
        document.form1.YYYY.options.add(new Option(" "+ i +" 年", i));     //赋月份的下拉框 
    for (var i = 1; i < 13; i++) 
        document.form1.MM.options.add(new Option(" " + i + " 月", i));     document.form1.YYYY.value = y; 
    document.form1.MM.value = new Date().getMonth() + 1; 
    var n = MonHead[new Date().getMonth()]; 
    if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++; 
        writeDay(n); //赋日期下拉框Author:meizz 
    document.form1.DD.value = new Date().getDate(); 
} 
if(document.attachEvent) 
  window.attachEvent("onload", YYYYMMDDstart); 
else 
  window.addEventListener('load', YYYYMMDDstart, false); 
function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年) 
{ 
    var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value; 
    if (MMvalue == "")...{ var e = document.form1.DD; optionsClear(e); return;} 
    var n = MonHead[MMvalue - 1]; 
    if (MMvalue ==2 && IsPinYear(str)) n++; 
        writeDay(n) 
} 
function MMDD(str)  //月发生变化时日期联动 
{ 
    var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value; 
    if (YYYYvalue == "")...{ var e = document.form1.DD; optionsClear(e); return;} 
    var n = MonHead[str - 1]; 
    if (str ==2 && IsPinYear(YYYYvalue)) n++; 
        writeDay(n) 
} 
function writeDay(n)  //据条件写日期的下拉框 
{ 
    var e = document.form1.DD; optionsClear(e); 
    for (var i=1; i<(n+1); i++) 
        e.options.add(new Option(" "+ i + " 日", i)); 
} 
function IsPinYear(year)//判断是否闰平年 
{   return(0 == year%4 && (year%100 !=0 || year%400 == 0));} 
function optionsClear(e) 
{ 
    e.options.length = 1; 
} 
//--></script> 
</body> 
</html> 
自己改下

解决方案 »

  1.   

      var Span=10;
      document.write("<select name='F_Period'>");
      var NowDate=new Date();
      var StartDate=new Date();
      var EndDate=new Date();
      StartDate.setMonth(StartDate.getMonth()-Span);
      EndDate.setMonth(EndDate.getMonth()+Span+1);
      for(var d=StartDate;d<EndDate;d.setMonth(d.getMonth()+1))
      {
        if(NowDate.getMonth()==d.getMonth())
          document.write("<option value='' selected>"+d.getFullYear()+"年"+(d.getMonth()+1)+"月</option>");
        else
          document.write("<option value=''>"+d.getFullYear()+"年"+(d.getMonth()+1)+"月</option>");
      }
      document.write("</select>");
      

  2.   

     var Span=10;
      document.write("<select name='F_Period'>");
      document.write("<option>请选择时间段</option>");
      var NowDate=new Date();
      var StartDate=new Date();
      var EndDate=new Date();
      StartDate.setMonth(StartDate.getMonth()-Span);
      EndDate.setMonth(EndDate.getMonth()+Span+1);
      var Month,year;
      for(var d=StartDate;d<EndDate;d.setMonth(d.getMonth()+1))
      {
        Month=d.getMonth();
        year=d.getFullYear();
        if(NowDate.getMonth()==Month&&d.getFullYear()==year)
          document.write("<option value='' selected>"+year+"年"+((Month+1)<10?"0"+(Month+1):(Month+1))+"月</option>");
        else
          document.write("<option value=''>"+year+"年"+((Month+1)<10?"0"+(Month+1):(Month+1))+"月</option>");
      }
      document.write("</select>");
      

  3.   


    <html>
    <body>
    <select name="F_Period"> <script>   var  isdate= new Date();    var year=isdate.getFullYear();//获取当前年   var  month=isdate.getMonth()+1;//获取当前月
    for(var i=1;i<11;i++){
    if(month==13){
    year++;
    month=1;
    }
     document.write("<option value=''>"+year+"年"+month+"月");
    month++;
    }  </script></select> </body>
    </html>