亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

簡約JS日歷控件 實例代碼

2019-11-20 22:31:54
字體:
來源:轉載
供稿:網友

運行結果如下:

復制代碼 代碼如下:

<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(); //當前
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); //當前
}
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 (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')/">關閉</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(); //當前
for(i=0;i<tr_str;i++) { //外層for語句- tr標簽
   dstr+="<tr>";
   for(k=0;k<7;k++) { //內層for語句- td標簽
      idx=i*7+k; //表格單元的自然序號
      date_str=idx-firstday+1; //計算日期
     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')"/>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美在线免费| 亚洲黄色成人网| 亚洲国产日韩欧美在线动漫| 亚洲国产精彩中文乱码av| 秋霞av国产精品一区| 亚洲免费电影在线观看| 亚洲人成电影网站| 久久久亚洲精选| 欧美激情视频在线| 91禁外国网站| 日韩精品视频在线观看网址| 亚洲精品自产拍| 国模吧一区二区| 久久视频在线看| 狠狠久久五月精品中文字幕| 7777精品视频| 国内久久久精品| 国产女人18毛片水18精品| 欧美性jizz18性欧美| 日韩欧美精品网址| 国产精品美女无圣光视频| 91精品国产色综合久久不卡98| 久久久久久久久久久久久久久久久久av| 国产日韩在线播放| 成人午夜在线影院| 欧美激情亚洲国产| 久久综合伊人77777尤物| 亚洲国产精品va在线观看黑人| 欧美国产亚洲视频| 欧美在线一区二区视频| 在线观看中文字幕亚洲| 欧美成人合集magnet| 97视频在线观看免费| 欧美最猛性xxxxx(亚洲精品)| 91成人在线观看国产| 欧美日韩色婷婷| 精品日韩美女的视频高清| 91高清免费视频| 国产成人精品一区二区在线| www.xxxx精品| 久久久久久国产精品美女| 欧美激情一区二区三区成人| 国产日韩欧美在线观看| 91av视频在线免费观看| 亚洲电影成人av99爱色| 在线一区二区日韩| 日本精品久久中文字幕佐佐木| 国产精品pans私拍| 高清视频欧美一级| 久青草国产97香蕉在线视频| 国产一区二区成人| 国产香蕉精品视频一区二区三区| 国产主播欧美精品| 亚洲美女中文字幕| 中文字幕在线看视频国产欧美| 在线看日韩av| 久久久噜久噜久久综合| 国产成人一区二区在线| 88xx成人精品| 久久韩国免费视频| 91情侣偷在线精品国产| 国产精品一区二区三| 日韩欧美中文免费| 欧美性69xxxx肥| 国产精品免费福利| 国产精品高清免费在线观看| 日韩精品免费观看| 乱亲女秽乱长久久久| 欧美一级成年大片在线观看| 中文字幕不卡av| 国产美女精品视频| 国产日韩在线观看av| 亚洲成av人乱码色午夜| 国产日韩欧美91| 亚洲乱码一区av黑人高潮| 亚洲人成电影在线| 久久97久久97精品免视看| 精品视频在线播放色网色视频| 国产啪精品视频网站| 欧美中文在线视频| 欧美久久精品午夜青青大伊人| 91久久综合亚洲鲁鲁五月天| 在线观看日韩欧美| 国产欧美一区二区三区久久| 欧美中文字幕在线播放| 欧美日韩中文字幕日韩欧美| 午夜精品久久久久久久99黑人| 久久久成人精品| 久久久999成人| 国产日产欧美a一级在线| 欧美高清在线视频观看不卡| 久久久久99精品久久久久| 成人免费看黄网站| 日韩视频―中文字幕| 亚洲毛片在线免费观看| 欧美日本在线视频中文字字幕| 久久亚洲精品国产亚洲老地址| 一区二区欧美在线| 久久久伊人日本| 日韩有码在线视频| 懂色aⅴ精品一区二区三区蜜月| 91天堂在线观看| 久久男人资源视频| 国产成人精品在线| 成人h片在线播放免费网站| 国内精久久久久久久久久人| 日本中文字幕成人| 亚洲成人黄色在线| 国产精品av在线| 亚洲图中文字幕| 色综合天天综合网国产成人网| 国产男人精品视频| 97久久超碰福利国产精品…| 国产婷婷97碰碰久久人人蜜臀| 91精品国产成人| 亚洲国产精品大全| 亚洲精品v欧美精品v日韩精品| 国产精品久久久久久久久久小说| 色偷偷av亚洲男人的天堂| 日韩免费观看视频| 欧美日韩国产区| 欧美日韩一区二区在线| 精品久久中文字幕久久av| 日韩精品日韩在线观看| 欧美日韩国产第一页| 伊人久久久久久久久久久| 亚洲少妇激情视频| 一区二区三区四区视频| 成人在线视频网站| 国产精品国产三级国产aⅴ9色| www.亚洲人.com| 一区二区三区回区在观看免费视频| 91精品国产综合久久久久久蜜臀| 欧美一区二粉嫩精品国产一线天| 国产日韩综合一区二区性色av| 欧美另类在线观看| 色综合视频一区中文字幕| 亚洲国产成人精品久久| 亚洲欧美三级在线| 国产精品人人做人人爽| 亚洲娇小xxxx欧美娇小| 久久久电影免费观看完整版| 欧美夜福利tv在线| 国产精品视频一区国模私拍| 亚洲最大的免费| 欧美黑人一级爽快片淫片高清| 欧美午夜精品久久久久久人妖| 自拍偷拍亚洲区| 日韩精品免费在线视频| 成人信息集中地欧美| 国产剧情久久久久久| 国产成人av网址| 日韩在线欧美在线国产在线| 欧美日韩国产999| 欧美激情第一页xxx| 日韩国产中文字幕| 国产成人涩涩涩视频在线观看| 欧美日韩激情视频| 性欧美长视频免费观看不卡| 成人h视频在线观看播放| 操日韩av在线电影| 九色精品美女在线| 久久久亚洲欧洲日产国码aⅴ| 久久影视免费观看|