【皇家赌场手机版】简易JS日历控件代码,最简便易行JS日历控件

运作结果如下:

那篇作品介绍了一款轻巧JS日历控件的上上下下代码,有亟待的爱侣能够参见一下  

 

皇家赌场手机版 1

运维结果如下:

该控件在新型的谷歌(Google)浏览器,最新的银狐浏览器,还也许有在IE8上都开始展览成功测量试验,包容性好。很轻巧扩充,调用方式大致,今后的花色上日期控件能够选择本身编排的了。

复制代码 代码如下:

皇家赌场手机版 2

更加的多读书沟通接待访问笔者的博客()

<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{
【皇家赌场手机版】简易JS日历控件代码,最简便易行JS日历控件。        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>”;
//一三五七八十腊(十八月),三十28日不用差;四六严节(十十7月)十五日,独有5月二十八(闰年二十九).
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_【皇家赌场手机版】简易JS日历控件代码,最简便易行JS日历控件。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’)”/>

复制代码 代码如下:

function choose_date_czw(date_id,objtd){

你或者感兴趣的稿子:

  • 轻量级的原生js日历插件calendar.js使用指南
  • JS学习之一个简约的日历控件
  • JS日历 推荐
  • 纯js轻松日历完结代码
  • js日历控件(可准确到分钟)
  • js编写当天简短日历效果【完成代码】
  • 推荐三个精美的JS日历
  • 很好用的js日历算法详细代码
  • JavaScript日历实今世码
  • 动用Javascript开垦多个二维周视图日历

<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=([email protected]==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&
gt;|<span style=’cursor:pointer;’
onclick=”choose_date_czw(‘”+date_id+”‘,’choose_date_czw_empty’)”>清
空</span>”;
//一三五七八十腊(十7月),三十14日不要差;四六严节(十三月)三二日,独有六月二十八(闰年二十九).
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&
gt;<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’)”/>

if(date_id==”choose_date_czw_close”){

运营结果如下: 复制代码 代码如下: script type=text/javascript
la…

   
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> <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>”;

//一三五七八十腊(十7月),三二十七日绝不差;四六冬季(十四月)十十四日,独有4月二十八(闰年二十九).

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.getElementById(“choose_date_czw_id”)==null){

var obj = document.getElementById(date_id);

var odiv = document.createElement(“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.appendChild(odiv);

}else{

   
document.getElementById(“choose_date_czw_id”).style.display=”block”;

    document.getElementById(“choose_date_czw_id”).innerHTML=dstr;

}

}

 

 

调用方式如下:

 

加上日期:<input type=”text” id=”add_date”
onclick=”choose_date_czw(‘add_date’)”/>

 

运作结果如下:

 

皇家赌场手机版 3

 

作者 Charles Olaes

Leave a Comment.