麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 編程 > JavaScript > 正文

簡(jiǎn)約JS日歷控件 實(shí)例代碼

2019-11-20 22:31:54
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

運(yùn)行結(jié)果如下:

復(fù)制代碼 代碼如下:

<script type="text/javascript" language="javascript">
function choose_date_czw(date_id,objtd){
if(date_id=="choose_date_czw_close"){
    document.getElementByIdx_x_x("choose_date_czw_id").style.display="none";
    return;
}
if(objtd!=undefined){
    if(objtd=="choose_date_czw_empty"){
        document.getElementByIdx_x_x(date_id).value="";
    }else{
        var year1 = document.getElementByIdx_x_x("choose_date_czw_year").value;
        var month1 = document.getElementByIdx_x_x("choose_date_czw_month").value;
        document.getElementByIdx_x_x(date_id).value=year1+"-"+month1+"-"+objtd.innerHTML;
    }
    document.getElementByIdx_x_x("choose_date_czw_id").style.display="none";
    return;
}
var nstr=new Date(); //當(dāng)前
if(document.getElementByIdx_x_x("choose_date_czw_year")!=null){
    var year = document.getElementByIdx_x_x("choose_date_czw_year").value;
    var month = document.getElementByIdx_x_x("choose_date_czw_month").value;
    var str=year+"/"+month+"/1";
    nstr=new Date(str); //當(dāng)前
}
var ynow=nstr.getFullYear(); //年份
var mnow=nstr.getMonth(); //月份
var dnow=nstr.getDate(); //今日日期
var n1str=new Date(ynow,mnow,1); //當(dāng)月第一天
var firstday=n1str.getDay(); //當(dāng)月第一天星期幾
function is_leap(year) {
   return (year0==0 ? res=(year@0==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> <select id=/"choose_date_czw_month/" onchange=/"choose_date_czw('"+date_id+"')/">";
for(var m=1;m<13;m++){
    if(parseInt(mnow+1)==m){
        dstr+="<option value='"+m+"' selected>"+m+"</option>"
    }else{
        dstr+="<option value='"+m+"'>"+m+"</option>"
    }
}
dstr+="</select> <span style='cursor:pointer;' onclick=/"choose_date_czw('choose_date_czw_close')/">關(guān)閉</span>|<span style='cursor:pointer;' onclick=/"choose_date_czw('"+date_id+"','choose_date_czw_empty')/">清空</span>";
//一三五七八十臘(十二月),三十一日永不差;四六九冬(十一月)三十日,唯有二月二十八(閏年二十九).
var m_days = new Array(31,28+is_leap(ynow),31,30,31,30,31,31,30,31,30,31);
var tr_str=Math.ceil((m_days[mnow] + firstday)/7);
dstr+="<table border='0' cellpadding='5' cellspacing='0'><tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>";
var dqdate=new Date(); //當(dāng)前
for(i=0;i<tr_str;i++) { //外層for語(yǔ)句- tr標(biāo)簽
   dstr+="<tr>";
   for(k=0;k<7;k++) { //內(nèi)層for語(yǔ)句- td標(biāo)簽
      idx=i*7+k; //表格單元的自然序號(hào)
      date_str=idx-firstday+1; //計(jì)算日期
     if(date_str<=0 || date_str>m_days[mnow]){
          dstr+="<td> </td>";
     }else{
        if(ynow==dqdate.getFullYear() && mnow==dqdate.getMonth() && dqdate.getDate()==date_str){
            dstr+="<td onmouseover=/"this.style.backgroundColor='#6FF'/" onmouseout=/"this.style.backgroundColor='#fff'/" onclick=/"choose_date_czw('"+date_id+"',this)/" style='cursor:pointer; background-color:#6FF;'>"+date_str+"</td>";
        }else{
            dstr+="<td onmouseover=/"this.style.backgroundColor='#6FF'/" onmouseout=/"this.style.backgroundColor='#fff'/" onclick=/"choose_date_czw('"+date_id+"',this)/" style='cursor:pointer;'>"+date_str+"</td>";
        }
     }
   }
   dstr+="</tr>";
}
dstr+="</table>";
if(document.getElementByIdx_x_x("choose_date_czw_id")==null){
var obj = document.getElementByIdx_x_x(date_id);
var odiv = document_createElement_x_x("div");
odiv.id="choose_date_czw_id";
odiv.innerHTML=dstr;
odiv.style.position="absolute";
odiv.style.border="1px #0CF solid";
odiv.style.fontSize="12px";
odiv.style.zIndex=99999;
odiv.style.top=obj.offsetTop+obj.offsetHeight+"px";
odiv.style.left=obj.offsetLeft+"px";
document.body.a(odiv);
}else{
    document.getElementByIdx_x_x("choose_date_czw_id").style.display="block";
    document.getElementByIdx_x_x("choose_date_czw_id").innerHTML=dstr;
}
}
</script>
<input type="text" id="add_date" onclick="choose_date_czw('add_date')"/>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 久草中文网 | 91久久极品少妇韩国 | 激情五月少妇a | 国产一区二区三区视频在线观看 | 欧美jizzhd极品欧美 | 国产成人精品网站 | 韩国草草影院 | 草草久 | 国产免费视频在线 | 欧美日本一 | 中文字幕精品一区久久久久 | 国产色视频免费 | 国产v综合v亚洲欧美久久 | 精品99在线视频 | 中文字幕在线观看视频一区 | 国产精品亚洲一区二区三区久久 | 全黄毛片| 毛片免费在线播放 | 一级黄色免费观看 | 看一级毛片 | 久久一区三区 | 精品一区二区在线视频 | 亚洲午夜天堂吃瓜在线 | 免费嗨片首页中文字幕 | 黄色网页在线看 | 轻点插视频 | 国产精品一区二区x88av | 国产在线观看91一区二区三区 | 暴力肉体进入hdxxxx0 | 干色视频 | 成人一区三区 | 国产免费一区视频 | 久久久久久久久成人 | 天天舔天天插 | 一区二区三区日韩 | 久久久久亚洲精品国产 | 毛片网站视频 | 亚洲爱爱图 | 国产一区二区三区手机在线 | 久久久国产一区二区三区 | 蜜桃网在线 |