最简约JS日历控件

该控件在最新的谷歌浏览器，最新的火狐浏览器，还有在IE8上都进行成功测试，兼容性好。很容易扩展，调用方式简单，以后的项目上日期控件可以选择自己编写的了。

更多学习交流欢迎访问我的博客(http://www.webczw.com/)

function choose_date_czw(date_id,objtd){

if(date_id=="choose_date_czw_close"){

    document.getElementById("choose_date_czw_id").style.display="none";

    return;

}

if(objtd!=undefined){

    if(objtd=="choose_date_czw_empty"){

        document.getElementById(date_id).value="";

    }else{

        var year1 = document.getElementById("choose_date_czw_year").value;

        var month1 = document.getElementById("choose_date_czw_month").value;

        document.getElementById(date_id).value=year1+"-"+month1+"-"+objtd.innerHTML;

    }

    document.getElementById("choose_date_czw_id").style.display="none";

    return;

}

var nstr=new Date(); //当前

if(document.getElementById("choose_date_czw_year")!=null){

    var year = document.getElementById("choose_date_czw_year").value;

    var month = document.getElementById("choose_date_czw_month").value;

    var str=year+"/"+month+"/1";

    nstr=new Date(str); //当前

}

var ynow=nstr.getFullYear(); //年份

var mnow=nstr.getMonth(); //月份

var dnow=nstr.getDate(); //今日日期

var n1str=new Date(ynow,mnow,1); //当月第一天

var firstday=n1str.getDay(); //当月第一天星期几

function is_leap(year) {

   return (year%100==0 ? res=(year%400==0 ? 1 : 0) : res=(year%4==0 ? 1: 0));

}

var dstr="<select id=\"choose_date_czw_year\" onchange=\"choose_date_czw('"+date_id+"')\">";

for(var y=1901;y<2050;y++){

    if(y==ynow){

        dstr+="<option value='"+y+"' selected>"+y+"</option>"

    }else{

        dstr+="<option value='"+y+"'>"+y+"</option>"

    }

}

dstr+="</select>&nbsp;<select id=\"choose_date_czw_month\" onchange=\"choose_date_czw('"+date_id+"')\">";

for(var m=1;m<13;m++){

    if(parseInt(mnow+1)==m){