梅花雪日历控件3.0-直接复制代码保存为html格式即可运行

最新推荐文章于 2013-02-07 11:30:29 发布
最新推荐文章于 2013-02-07 11:30:29 发布
阅读量1.2k 收藏
点赞数
分类专栏： Javascript 文章标签： 日历 html function calendar date input

< script  language =javascript >
<!--
document.write( " <div id=meizzCalendarLayer style=''position: absolute; z-index: 9999; width: 144; height: 193; display: none''> " );
document.write( " <iframe name=meizzCalendarIframe scrolling=no frameborder=0 width=100% height=100%></iframe></div> " );
 function  writeIframe()
 {
     var  strIframe  =   " <html><head><meta http-equiv=''Content-Type'' content=''text/html; charset=gb2312''><style> " +
     " *{font-size: 12px; font-family: 宋体} " +
     " .bg{  color:  " +  WebCalendar.lightColor  + " ; cursor: default; background-color:  " +  WebCalendar.darkColor  + " ;} " +
     " table#tableMain{ width: 142; height: 180;} " +
     " table#tableWeek td{ color:  " +  WebCalendar.lightColor  + " ;} " +
     " table#tableDay  td{ font-weight: bold;} " +
     " td#meizzYearHead, td#meizzYearMonth{color:  " +  parent.WebCalendar.wordColor  + " } " +
     " .out { text-align: center; border-top: 1px solid  " +  WebCalendar.DarkBorder  + " ; border-left: 1px solid  " +  WebCalendar.DarkBorder  + " ; " +
     " border-right: 1px solid  " +  WebCalendar.lightColor  + " ; border-bottom: 1px solid  " +  WebCalendar.lightColor  + " ;} " +
     " .over{ text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; " +
     " border-bottom: 1px solid  " +  WebCalendar.DarkBorder  + " ; border-right: 1px solid  " +  WebCalendar.DarkBorder  + " } " +
     " input{ border: 1px solid  " +  WebCalendar.darkColor  + " ; padding-top: 1px; height: 18; cursor: hand; " +
     "        color: " +  WebCalendar.wordColor  + " ; background-color:  " +  WebCalendar.btnBgColor  + " } " +
     " </style></head><body onselectstart=''return false'' style=''margin: 0px'' οncοntextmenu=''return false''><form name=meizz> " ;
     if  (WebCalendar.drag) { strIframe  +=   " <scr " + " ipt language=javascript> " +
     " var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){ " +
     " if(parent.WebCalendar.drag && drag){if(o.style.left=='''')o.style.left=0; if(o.style.top=='''')o.style.top=0; " +
     " o.style.left = parseInt(o.style.left) + window.event.clientX-cx; " +
     " o.style.top  = parseInt(o.style.top)  + window.event.clientY-cy;}} " +
     " function document.onkeydown(){ switch(window.event.keyCode){  case 27 : parent.hiddenCalendar(); break; " +
     " case 37 : parent.prevM(); break; case 38 : parent.prevY(); break; case 39 : parent.nextM(); break; case 40 : parent.nextY(); break; " +
     " case 84 : document.forms[0].today.click(); break;} window.event.keyCode = 0; window.event.returnValue= false;} " +
     " function dragStart(){cx=window.event.clientX; cy=window.event.clientY; drag=true;}</scr " + " ipt> " }
    strIframe  +=   " <select name=tmpYearSelect  οnblur=''parent.hiddenSelect(this)'' style=''z-index:1;position:absolute;top:3;left:18;display:none'' " +
     "  οnchange=''parent.WebCalendar.thisYear =this.value; parent.hiddenSelect(this); parent.writeCalendar();''></select> " +
     " <select name=tmpMonthSelect οnblur=''parent.hiddenSelect(this)'' style=''z-index:1; position:absolute;top:3;left:74;display:none'' " +
     "  οnchange=''parent.WebCalendar.thisMonth=this.value; parent.hiddenSelect(this); parent.writeCalendar();''></select> " +
     " <table id=tableMain class=bg border=0 cellspacing=2 cellpadding=0> " +
     " <tr><td width=140 height=19 bgcolor='' " +  WebCalendar.lightColor  + " ''> " +
     "     <table width=140 id=tableHead border=0 cellspacing=1 cellpadding=0><tr align=center> " +
     "     <td width=15 height=19 class=bg title=''向前翻 1 月&#13;快捷键：←'' style=''cursor: hand'' οnclick=''parent.prevM()''><b>&lt;</b></td> " +
     "     <td width=60 id=meizzYearHead  title=''点击此处选择年份'' οnclick=''parent.funYearSelect(parseInt(this.innerText, 10))'' " +
     "         οnmοuseοver=''this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'' " +
     "         οnmοuseοut=''this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor''></td> " +
     "     <td width=50 id=meizzYearMonth title=''点击此处选择月份'' οnclick=''parent.funMonthSelect(parseInt(this.innerText, 10))'' " +
     "         οnmοuseοver=''this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'' " +
     "         οnmοuseοut=''this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor''></td> " +
     "     <td width=15 class=bg title=''向后翻 1 月&#13;快捷键：→'' οnclick=''parent.nextM()'' style=''cursor: hand''><b>&gt;</b></td></tr></table> " +
     " </td></tr><tr><td height=20><table id=tableWeek border=1 width=140 cellpadding=0 cellspacing=0  " ;
     if (WebCalendar.drag) {strIframe  +=   " οnmοusedοwn=''dragStart()'' οnmοuseup=''drag=false'' οnmοuseοut=''drag=false'' " ;}
    strIframe  +=   "  borderColorLight='' " +  WebCalendar.darkColor  + " '' borderColorDark='' " +  WebCalendar.lightColor  + " ''> " +
     "     <tr align=center><td height=20>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr></table> " +
     " </td></tr><tr><td valign=top width=140 bgcolor='' " +  WebCalendar.lightColor  + " ''> " +
     "     <table id=tableDay height=120 width=140 border=0 cellspacing=1 cellpadding=0> " ;
          for ( var  x = 0 ; x < 5 ; x ++ ) { strIframe  +=   " <tr> " ;
          for ( var  y = 0 ; y < 7 ; y ++ )  strIframe  +=   " <td class=out id=''meizzDay " +  (x * 7 + y)  + " ''></td> " ; strIframe  +=   " </tr> " ;}
         strIframe  +=   " <tr> " ;
          for ( var  x = 35 ; x < 39 ; x ++ ) strIframe  +=   " <td class=out id=''meizzDay " +  x  + " ''></td> " ;
         strIframe  += " <td colspan=3 class=out title='' " +  WebCalendar.regInfo  + " ''><input style='' background-color:  " +
         WebCalendar.btnBgColor  + " ;cursor: hand; padding-top: 4px; width: 100%; height: 100%; border: 0'' οnfοcus=''this.blur()'' " +
          "  type=button value=''&nbsp; &nbsp; 关闭'' οnclick=''parent.hiddenCalendar()''></td></tr></table> " +
     " </td></tr><tr><td height=20 width=140 bgcolor='' " +  WebCalendar.lightColor  + " ''> " +
     "     <table border=0 cellpadding=1 cellspacing=0 width=140> " +
     "     <tr><td><input name=prevYear title=''向前翻 1 年&#13;快捷键：↑'' οnclick=''parent.prevY()'' type=button value=''&lt;&lt;'' " +
     "     οnfοcus=''this.blur()'' style=''meizz:expression(this.disabled=parent.WebCalendar.thisYear==1000)''><input " +
     "     οnfοcus=''this.blur()'' name=prevMonth title=''向前翻 1 月&#13;快捷键：←'' οnclick=''parent.prevM()'' type=button value=''&lt;&nbsp;''> " +
     "     </td><td align=center><input name=today type=button value=''Today'' οnfοcus=''this.blur()'' style=''width: 50'' title=''当前日期&#13;快捷键：T'' " +
     "     οnclick="parent.returnDate(new Date().getDate() +''/''+ (new Date().getMonth() +1) +''/''+ new Date().getFullYear())"> " +
     "     </td><td align=right><input title=''向后翻 1 月&#13;快捷键：→'' name=nextMonth οnclick=''parent.nextM()'' type=button value=''&nbsp;&gt;'' " +
     "     οnfοcus=''this.blur()''><input name=nextYear title=''向后翻 1 年&#13;快捷键：↓'' οnclick=''parent.nextY()'' type=button value=''&gt;&gt;'' " +
     "     οnfοcus=''this.blur()'' style=''meizz:expression(this.disabled=parent.WebCalendar.thisYear==9999)''></td></tr></table> " +
     " </td></tr><table></form></body></html> " ;
     with (WebCalendar.iframe)
     {
        document.writeln(strIframe); document.close();
         for ( var  i = 0 ; i < 39 ; i ++ )
         {
            WebCalendar.dayObj[i]  =  eval( " meizzDay " +  i);
            WebCalendar.dayObj[i].onmouseover  =  dayMouseOver;
            WebCalendar.dayObj[i].onmouseout   =  dayMouseOut;
            WebCalendar.dayObj[i].onclick      =  returnDate;
        }
    }
}
function  WebCalendar()  // 初始化日历的设置
{
     this .regInfo     =   " WEB Calendar ver 3.0&#13;作者：meizz(梅花雪疏影横斜)&#13;网站：http://www.meizz.com/&#13;关闭的快捷键：[Esc] " ;
     this .regInfo    +=   " &#13;&#13;Ver 2.0：walkingpoison(水晶龙)&#13;Ver 1.0：meizz(梅花雪疏影横斜) " ;
     this .daysMonth   =   new  Array( 31 ,  28 ,  31 ,  30 ,  31 ,  30 ,  31 ,  31 ,  30 ,  31 ,  30 ,  31 );
     this .day         =   new  Array( 39 );             // 定义日历展示用的数组
     this .dayObj      =   new  Array( 39 );             // 定义日期展示控件数组
     this .dateStyle   =   null ;                      // 保存格式化后日期数组
     this .objExport   =   null ;                      // 日历回传的显示控件
     this .eventSrc    =   null ;                      // 日历显示的触发控件
     this .inputDate   =   null ;                      // 转化外的输入的日期(d/m/yyyy)
     this .thisYear    =   new  Date().getFullYear();  // 定义年的变量的初始值
     this .thisMonth   =   new  Date().getMonth() +   1 ;  // 定义月的变量的初始值
     this .thisDay     =   new  Date().getDate();      // 定义日的变量的初始值
     this .today       =   this .thisDay  + " / " +   this .thisMonth  + " / " +   this .thisYear;    // 今天(d/m/yyyy)
     this .iframe      =  window.frames( " meizzCalendarIframe " );  // 日历的 iframe 载体
     this .calendar    =  getObjectById( " meizzCalendarLayer " );   // 日历的层
     this .dateReg     =   "" ;            // 日历格式验证的正则式
     this .yearFall    =   50 ;            // 定义年下拉框的年差值
     this .format      =   " yyyy-mm-dd " ;  // 回传日期的格式
     this .timeShow    =   false ;         // 是否返回时间
     this .drag        =   true ;          // 是否允许拖动
     this .darkColor   =   " #0000D0 " ;     // 控件的暗色
     this .lightColor  =   " #FFFFFF " ;     // 控件的亮色
     this .btnBgColor  =   " #E6E6FA " ;     // 控件的按钮背景色
     this .wordColor   =   " #000080 " ;     // 控件的文字颜色
     this .wordDark    =   " #DCDCDC " ;     // 控件的暗文字颜色
     this .dayBgColor  =   " #F5F5FA " ;     // 日期数字背景色
     this .todayColor  =   " #FF0000 " ;     // 今天在日历上的标示背景色
     this .DarkBorder  =   " #D4D0C8 " ;     // 日期显示的立体表达色
}     var  WebCalendar  =   new  WebCalendar();
 function  calendar()  // 主调函数
{
     var  e  =  window.event.srcElement;   writeIframe();
     var  o  =  WebCalendar.calendar.style; WebCalendar.eventSrc  =  e;
  if  (arguments.length  ==   0 ) WebCalendar.objExport  =  e;
     else  WebCalendar.objExport  =  eval(arguments[ 0 ]);
    WebCalendar.iframe.tableWeek.style.cursor  =  WebCalendar.drag  ?   " move "  :  " default " ;
  var  t  =  e.offsetTop,  h  =  e.clientHeight, l  =  e.offsetLeft, p  =  e.type;
  while  (e  =  e.offsetParent) {t  +=  e.offsetTop; l  +=  e.offsetLeft;}
    o.display  =   "" ; WebCalendar.iframe.document.body.focus();
     var  cw  =  WebCalendar.calendar.clientWidth, ch  =  WebCalendar.calendar.clientHeight;
     var  dw  =  document.body.clientWidth, dl  =  document.body.scrollLeft, dt  =  document.body.scrollTop;
    
     if  (document.body.clientHeight  +  dt  -  t  -  h  >=  ch) o.top  =  (p == " image " ) ?  t  +  h : t  +  h  +   6 ;
     else  o.top   =  (t  -  dt  <  ch)  ?  ((p == " image " ) ?  t  +  h : t  +  h  +   6 ) : t  -  ch;
     if  (dw  +  dl  -  l  >=  cw) o.left  =  l;  else  o.left  =  (dw  >=  cw)  ?  dw  -  cw  +  dl : dl;
     if   ( ! WebCalendar.timeShow) WebCalendar.dateReg  =   /^ (d ... { 1 , 4 } )( -| / )(d ... { 1 , 2 } ) 2 (d ... { 1 , 2 } )$ / ;
     else  WebCalendar.dateReg  =   /^ (d ... { 1 , 4 } )( -| / )(d ... { 1 , 2 } ) 2 (d ... { 1 , 2 } ) (d ... { 1 , 2 } ):(d ... { 1 , 2 } ):(d ... { 1 , 2 } )$ / ;
     try ... {
         if  (WebCalendar.objExport.value.trim()  !=   "" ) ... {
            WebCalendar.dateStyle  =  WebCalendar.objExport.value.trim().match(WebCalendar.dateReg);
             if  (WebCalendar.dateStyle  ==   null )
             ... {
                WebCalendar.thisYear    =   new  Date().getFullYear();
                WebCalendar.thisMonth   =   new  Date().getMonth() +   1 ;
                WebCalendar.thisDay     =   new  Date().getDate();
                alert( " 原文本框里的日期有错误！可能与你定义的显示时分秒有冲突！ " );
                writeCalendar();  return   false ;
            }
             else
              ... {
                WebCalendar.thisYear    =  parseInt(WebCalendar.dateStyle[ 1 ],  10 );
                WebCalendar.thisMonth   =  parseInt(WebCalendar.dateStyle[ 3 ],  10 );
                WebCalendar.thisDay     =  parseInt(WebCalendar.dateStyle[ 4 ],  10 );
                WebCalendar.inputDate   =  parseInt(WebCalendar.thisDay,  10 )  + " / " +  parseInt(WebCalendar.thisMonth,  10 )  + " / " + 
                parseInt(WebCalendar.thisYear,  10 ); writeCalendar();
            }
        }    else  writeCalendar();
    }    catch (e) ... {writeCalendar();}
}
 function  funMonthSelect()  // 月份的下拉框
  ... {
     var  m  =  isNaN(parseInt(WebCalendar.thisMonth,  10 ))  ?   new  Date().getMonth()  +   1  : parseInt(WebCalendar.thisMonth);
     var  e  =  WebCalendar.iframe.document.forms[ 0 ].tmpMonthSelect;
     for  ( var  i = 1 ; i < 13 ; i ++ ) e.options.add( new  Option(i  + " 月 " , i));
    e.style.display  =   "" ; e.value  =  m; e.focus(); window.status  =  e.style.top;
}
 function  funYearSelect()  // 年份的下拉框
  ... {
     var  n  =  WebCalendar.yearFall;
     var  e  =  WebCalendar.iframe.document.forms[ 0 ].tmpYearSelect;
     var  y  =  isNaN(parseInt(WebCalendar.thisYear,  10 ))  ?   new  Date().getFullYear() : parseInt(WebCalendar.thisYear);
        y  =  (y  <=   1000 ) ?   1000  : ((y  >=   9999 ) ?   9999  : y);
     var  min  =  (y  -  n  >=   1000 )  ?  y  -  n :  1000 ;
     var  max  =  (y  +  n  <=   9999 )  ?  y  +  n :  9999 ;
        min  =  (max  ==   9999 )  ?  max - n * 2  : min;
        max  =  (min  ==   1000 )  ?  min + n * 2  : max;
     for  ( var  i = min; i <= max; i ++ ) e.options.add( new  Option(i  + " 年 " , i));
    e.style.display  =   "" ; e.value  =  y; e.focus();
}
 function  prevM()   // 往前翻月份
  ... {
    WebCalendar.thisDay  =   1 ;
     if  (WebCalendar.thisMonth == 1 )
     ... {
        WebCalendar.thisYear -- ;
        WebCalendar.thisMonth = 13 ;
    }
    WebCalendar.thisMonth -- ; writeCalendar();
}
 function  nextM()   // 往后翻月份
  ... {
    WebCalendar.thisDay  =   1 ;
     if  (WebCalendar.thisMonth == 12 )
     ... {
        WebCalendar.thisYear ++ ;
        WebCalendar.thisMonth = 0 ;
    }
    WebCalendar.thisMonth ++ ; writeCalendar();
}
  function  prevY() ... {WebCalendar.thisDay  =   1 ; WebCalendar.thisYear -- ; writeCalendar();} // 往前翻 Year
  function  nextY() ... {WebCalendar.thisDay  =   1 ; WebCalendar.thisYear ++ ; writeCalendar();} // 往后翻 Year
  function  hiddenSelect(e) ... { for ( var  i = e.options.length; i >- 1 ; i -- )e.options.remove(i); e.style.display = " none " ;}
  function  getObjectById(id) ... {  if (document.all)  return (eval( " document.all. " +  id));  return (eval(id)); }
  function  hiddenCalendar() ... {getObjectById( " meizzCalendarLayer " ).style.display  =   " none " ;} ;
 function  appendZero(n) ... { return (( " 00 " +  n).substr(( " 00 " +  n).length - 2 ));} // 日期自动补零程序
  function  String.prototype.trim() ... { return   this .replace( / ( ^ s * ) | (s * $) / g, "" );}
 function  dayMouseOver()
 ... {
     this .className  =   " over " ;
     this .style.backgroundColor  =  WebCalendar.darkColor;
     if (WebCalendar.day[ this .id.substr( 8 )].split( " / " )[ 1 ]  ==  WebCalendar.thisMonth)
     this .style.color  =  WebCalendar.lightColor;
}
 function  dayMouseOut()
 ... {
     this .className  =   " out " ;  var  d  =  WebCalendar.day[ this .id.substr( 8 )], a  =  d.split( " / " );
     this .style.removeAttribute( '' backgroundColor '' );
     if (a[ 1 ]  ==  WebCalendar.thisMonth  &&  d  !=  WebCalendar.today)
     ... {
         if (WebCalendar.dateStyle  &&  a[ 0 ]  ==  parseInt(WebCalendar.dateStyle[ 4 ],  10 ))
         this .style.color  =  WebCalendar.lightColor;
         this .style.color  =  WebCalendar.wordColor;
    }
}
 function  writeCalendar()  // 对日历显示的数据的处理程序
  ... {
     var  y  =  WebCalendar.thisYear;
     var  m  =  WebCalendar.thisMonth;
     var  d  =  WebCalendar.thisDay;
    WebCalendar.daysMonth[ 1 ]  =  ( 0 == y % 4   &&  (y % 100 != 0   ||  y % 400 == 0 ))  ?   29  :  28 ;
     if  ( ! (y <= 9999   &&  y  >=   1000   &&  parseInt(m,  10 ) > 0   &&  parseInt(m,  10 ) < 13   &&  parseInt(d,  10 ) > 0 )) ... {
        alert( " 对不起，你输入了错误的日期！ " );
        WebCalendar.thisYear    =   new  Date().getFullYear();
        WebCalendar.thisMonth   =   new  Date().getMonth() +   1 ;
        WebCalendar.thisDay     =   new  Date().getDate(); }
    y  =  WebCalendar.thisYear;
    m  =  WebCalendar.thisMonth;
    d  =  WebCalendar.thisDay;
    WebCalendar.iframe.meizzYearHead.innerText   =  y  + "  年 " ;
    WebCalendar.iframe.meizzYearMonth.innerText  =  parseInt(m,  10 )  + "  月 " ;
    WebCalendar.daysMonth[ 1 ]  =  ( 0 == y % 4   &&  (y % 100 != 0   ||  y % 400 == 0 ))  ?   29  :  28 ;  // 闰年二月为29天
      var  w  =   new  Date(y, m - 1 ,  1 ).getDay();
     var  prevDays  =  m == 1    ?  WebCalendar.daysMonth[ 11 ] : WebCalendar.daysMonth[m - 2 ];
     for ( var  i = (w - 1 ); i >= 0 ; i -- )  // 这三个 for 循环为日历赋数据源（数组 WebCalendar.day）格式是 d/m/yyyy
       ... {
        WebCalendar.day[i]  =  prevDays  + " / " +  (parseInt(m,  10 ) - 1 )  + " / " +  y;
         if (m == 1 ) WebCalendar.day[i]  =  prevDays  + " / " +   12   + " / " +  (parseInt(y,  10 ) - 1 );
        prevDays -- ;
    }
     for ( var  i = 1 ; i <= WebCalendar.daysMonth[m - 1 ]; i ++ ) WebCalendar.day[i + w - 1 ]  =  i  + " / " +  m  + " / " +  y;
     for ( var  i = 1 ; i < 39 - w - WebCalendar.daysMonth[m - 1 ] + 1 ; i ++ )
     ... {
        WebCalendar.day[WebCalendar.daysMonth[m - 1 ] + w - 1 + i]  =  i  + " / " +  (parseInt(m,  10 ) + 1 )  + " / " +  y;
         if (m == 12 ) WebCalendar.day[WebCalendar.daysMonth[m - 1 ] + w - 1 + i]  =  i  + " / " +   1   + " / " +  (parseInt(y,  10 ) + 1 );
    }
     for ( var  i = 0 ; i < 39 ; i ++ )     // 这个循环是根据源数组写到日历里显示
       ... {
         var  a  =  WebCalendar.day[i].split( " / " );
        WebCalendar.dayObj[i].innerText     =  a[ 0 ];
        WebCalendar.dayObj[i].title         =  a[ 2 ]  + " - " +  appendZero(a[ 1 ])  + " - " +  appendZero(a[ 0 ]);
        WebCalendar.dayObj[i].bgColor       =  WebCalendar.dayBgColor;
        WebCalendar.dayObj[i].style.color   =  WebCalendar.wordColor;
         if  ((i < 10   &&  parseInt(WebCalendar.day[i],  10 ) > 20 )  ||  (i > 27   &&  parseInt(WebCalendar.day[i],  10 ) < 12 ))
            WebCalendar.dayObj[i].style.color  =  WebCalendar.wordDark;
         if  (WebCalendar.inputDate == WebCalendar.day[i])     // 设置输入框里的日期在日历上的颜色
           ... {WebCalendar.dayObj[i].bgColor  =  WebCalendar.darkColor; WebCalendar.dayObj[i].style.color  =  WebCalendar.lightColor;}
         if  (WebCalendar.day[i]  ==  WebCalendar.today)       // 设置今天在日历上反应出来的颜色
           ... {WebCalendar.dayObj[i].bgColor  =  WebCalendar.todayColor; WebCalendar.dayObj[i].style.color  =  WebCalendar.lightColor;}
    }
}
 function  returnDate()  // 根据日期格式等返回用户选定的日期
  ... {
     if (WebCalendar.objExport)
     ... {
         var  returnValue;
         var  a  =  (arguments.length == 0 )  ?  WebCalendar.day[ this .id.substr( 8 )].split( " / " ) : arguments[ 0 ].split( " / " );
         var  d  =  WebCalendar.format.match( /^ (w ... { 4 } )( -| / )(w ... { 1 , 2 } ) 2 (w ... { 1 , 2 } )$ / );
         if (d == null ) ... {alert( " 你设定的日期输出格式不对！ 请重新定义 WebCalendar.format ！ " );  return   false ;}
         var  flag  =  d[ 3 ].length == 2   ||  d[ 4 ].length == 2 ;  // 判断返回的日期格式是否要补零
         returnValue  =  flag  ?  a[ 2 ]  + d[ 2 ] +  appendZero(a[ 1 ])  + d[ 2 ] +  appendZero(a[ 0 ]) : a[ 2 ]  + d[ 2 ] +  a[ 1 ]  + d[ 2 ] +  a[ 0 ];
         if (WebCalendar.timeShow)
         ... {
             var  h  =   new  Date().getHours(), m  =   new  Date().getMinutes(), s  =   new  Date().getSeconds();
            returnValue  +=  flag  ?   "   " +  appendZero(h)  + " : " +  appendZero(m)  + " : " +  appendZero(s) :  "   " +   h   + " : " +  m  + " : " +  s;
        }
        WebCalendar.objExport.value  =  returnValue;
        hiddenCalendar();
    }
}
 function  document.onclick()
 ... {
     if (WebCalendar.eventSrc  !=  window.event.srcElement) hiddenCalendar();
}
 // --></script>
 
方法一： < input onfocus = " calendar() " >
 < br />
方法二： < input name = " txt "  id = " txt "  onfocus = " calendar() " >< input type = button value = calendar onclick = " calendar(document.getElementById(''txt'')) " >
详细出处参考：http://www.itqun.net/content-detail/106383_2.html

jxf19860114
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
梅花雪日期控件梅花雪日期控件梅花雪日期控件
11-18
梅花雪日期控件梅花雪日期控件梅花雪日期控件梅花雪日期控件梅花雪日期控件梅花雪日期控件梅花雪日期控件梅花雪日期控件
梅花雪日历控件改进版
12-23
原来的那个控件在没有分隔符时，即日期是20080808这样的时在月份大于9时会出现BUG，我看了下代码改了下，修正了这个问题，奉献给大家 用法如下： <SCRIPT src="setday.js"></SCRIPT> <input type="text" size="8" onclick="setday(this)"/> 在此还要感谢原作者：梅花雪。 ps:这个是网页中用的,其它版本的暂时还没有.
梅花雪 的 javascript 日历控件
Simplicity is more complicated than you think
08-28 3854
1.date.jsdocument.writeln();document.writeln();document.writeln();document.writeln();document.writeln(  );document.writeln(      );document.writeln(        onclick="meizzPrevM()" titl
梅花雪日历控件使用心得
weixin_30821731的博客
06-17 142
梅花雪日历控件是一个非常好用的日历控件，使用很简单，但有些地方需要注意，否则使用会出现很多问题。代码如下：Code<!--document.write("<divid=meizzCalendarLayerstyle='position:absolute;z-index:9999;width:144;height:193;display:none'>");...
梅花雪Web Calendar ver 3.0 网页日历在asp.net 2.0的应用
dennis_927的专栏
08-02 1095
    在.net中使用此控件，需要做些修改，经实验仅保留最佳方案，步骤如下：    1.   charset="gb2312">     在调用日历控件的页面上，之间添加         2、修改calendar.js第二行，width和height都加px。width: 144; height: 193; display: none>为width: 144px; he
梅花日历控件V3.0
03-01
"梅花日历控件V3.0"是一个用于网页开发的JavaScript组件，它提供了一种方便的方式来在网页中展示和操作日期。这个控件的主要功能是帮助用户在Web应用程序中选择日期，通常用于事件安排、在线预订或者日期相关的数据...
修正：支持Chrome、FireFox的梅花雨日历控件3.0修正版
09-14
今天刚刚又修正了2个问题，但是因为这里不让编辑上传的文件，大家还是去我的博客下载吧： ... 因为公司需要支持多版本的浏览器，再把我07年修正的那个版本拿来修改了一下， 在IE6,IE7,IE8,chrome谷歌浏览器6.0.472.55,...
梅花雨日历控件3.0修正版
12-16
梅花雨日历控件3.0修正版是一款用于软件开发中的日期选择组件，它为开发者提供了方便、高效且用户友好的日历界面功能。这款控件适用于Windows平台上的应用程序，通常用于需要用户输入日期或者选择日期范围的场景，如...
梅花雨日历控件3.0(修改支持Firefox)
04-11
标题提到的“梅花雨日历控件3.0(修改支持Firefox)”表明原版的3.0版本在Firefox浏览器上存在兼容性问题，因此进行了相应的修复和优化，使其能够在Firefox环境下正常运行。 在Web开发中，跨浏览器兼容性是一个常见的...
js梅花日历v3.0-最新改进版
11-05
js梅花日历v3.0-最新改进版 1.修改点击时间弹出的错误 欢迎大家一齐交流！
梅花雪日历控件,支持Firefox
05-17
修正页面不能使用网页标准化格式问题（即页面可以加下下面一行代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">） 如果中文变成了乱码，原因是js的编码格式和你的引用文件编码格式不一致造成的，解决方案有2个： 1、修改js文件，使它的保存编码与引用文件相同，比如都是gb2312,或都是utf-8； 2、修改引用代码，增加charset属性，例如： <script type="text/javascri
JS日历控件及其详细使用方法
08-07
1.介绍：这是WalkingPoison根据梅花雨的日历控件修改发展出来的一个日历 Javascript 页面脚本控件，适用于微软的 IE （5.0以上）浏览器，从2.59版本开始支持Firefox浏览器。 2.用法 （1）把文件添加到解决方案文件夹下 （2）在调用之前，请在代码中引用日历的js文件，代码为：<script language=javascript src="wpCalendar.js"></script> （3）如何调用？ 方法有两种： 1、<input type=text id=text1 onfocus="showCalendar(this)" readonly> 2<input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"><input type=text size=10 id=text4> 3.说明：有一些朋友反映在.net环境下面会产生出错的现象，这个是因为VS.net自动与VSS连接的过程中，中文代码没能得到正确处理的原因。在附件的word文档中会有比较详细的图文讲解。
使用梅花雨日历控件3.0
weixin_30387339的博客
06-17 101
梅花雨日历控件3.0的JS源码以及说明文件下载http://www.meizz.com/web/download/Web_Calendar_30.rar出处：http://community.csdn.net/Expert/topic/3398/3398406.xml?temp=.9305078CSDN文档介绍http://dev.csdn.net/develop/article/15/15245...
更新更强的日历脚本(downmoon)
邀月周记
08-26 4057
第一步：将如下内容存为Calendar.jsdocument.write("");document.write("");function writeIframe()...{    var strIframe = ""+    "*{font-size:
[Javascript]关于在ASP.NET环境中调用梅花雨的日历控件出错的解决办法
01-19 2724
梅花雨的日历控件很不错，他在范例中是这样写的：  Web Calendar 的第一种调用方法：  但在ASP.NET中，虽然这样写编译没问题，但执行时却报错。尝试这样改写结果通过附上梅花雨日历控件3.0代码Calendar30.jsdocument.write("");document.write("");function writeIframe(){    var strIfra
ASP.NET学习笔记[8] - 梅花雨日历控件与textbox控件用法
天堂向左
02-07 2701
aspx页面： 添加引用： 控件调用： '> CalendarMei.js文件 <!-- /* 调用方法：不能用onfocus，要用onclick */ // 删除前后空格 String.prototype.trim = function(){return this.replace(/(^\s+)|(\s+$)/g,"");} var cal_
梅花水墨画html代码
最新发布
05-17
抱歉，AI并不支持直接输出HTML代码，但我可以为您提供一段梅花水墨画的文字描述： 梅花水墨画通常使用传统的中国水墨画技法，以黑白灰三色为主，通过墨色的深浅、笔画的粗细变化来表现梅花的神韵。梅花通常是以枝干...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值