一个经典的时间录入助手 ,js

最新推荐文章于 2024-10-18 11:12:30 发布
最新推荐文章于 2024-10-18 11:12:30 发布
阅读量910 收藏
点赞数
分类专栏： js 文章标签： class function date border table javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gbys/article/details/1686712
版权

 1 js文件---DateTimePicker.js

var __DateTimeBoxSelectedObject=null;
var __date;

function __DateBoxOnClick(obj)
{
 __date = obj.value;
 __DateTimeBoxSelectedObject=obj;
 window.open('../DateTimePicker.htm','__DateTimeIFrame');
 var obj1=document.all('__DateTimeBoxDiv');
 var obj2=obj1.children[0];
 obj1.style.xpos = window.event.x+document.body.scrollLeft-10;
 obj1.style.ypos = window.event.y-10+document.body.scrollTop;
 if((parseInt(window.event.x)+parseInt(obj2.width))>=parseInt(document.body.offsetWidth))
 {
  obj1.style.xpos=(parseInt(document.body.scrollWidth)-parseInt(obj2.width));
 }
 if((parseInt(window.event.y)+parseInt(obj2.height))>=parseInt(document.body.offsetHeight))
 {
  obj1.style.ypos=(parseInt(document.body.offsetHeight)-parseInt(obj2.height)+parseInt(document.body.scrollTop));
 }
 obj1.style.left = obj1.style.xpos;
 obj1.style.top = obj1.style.ypos;
 document.all('__DateTimeBoxDiv').style.display='';
}
function __DateTimeBoxDivMouseOut()
{
 document.all('__DateTimeBoxDiv').style.display='none';
}
__DateTimeBoxInit();
function __DateTimeBoxInit()
{
 var str='';
 str+='<span id=/'__DateTimeBoxDiv/' οnmοuseοut=/'__DateTimeBoxDivMouseOut();/' style=/'display:none; position:absolute; left:; top:; width:; Height:; z-index:998/' class=/'/'>';
 str+='<iframe id=/'__DateTimeIFrame/' name=/'__DateTimeIFrame/' src=/'about:blank/' frameborder=/'0/' width=/'184/' height=/'180/' scrolling=/'no/'></iframe>';
 str+='</span>';
 document.write(str);
}
function __DateBoxOnBlur(obj)
{
 if(!__DateBoxCheckDate(obj.value))
 {
  obj.value=obj.defaultValue.toString();
  alert('请输入正确日期格式的数据！/n例：1900-01-01');
 }
}
function __DateBoxCheckDate(bdate)
{
 if (bdate.length == 0)
  return true;
 var re=/^(((19/d{2})|(2/d{3}))/-((0?[1|3|5|7|8]|12|10)/-([1-2][0-9]|0?[1-9]|30|31)|(0?[4|6|9]|11)/-([1-2][0-9]|0?[1-9]|30)|(0?[2])/-([1-2][0-9]|0?[1-9]))(/s*([0-1]?[0-9]|2[0-4]):[0-5]?[0-9]:[0-5]?[0-9])?)$/;
 if (re.test(bdate))
 {
  if ((parseInt(bdate.split('-')[1])==2)&&(parseInt(bdate.split('-')[2])==29))
  {
   if (!(parseInt(bdate.split('-')[0])%4==0)&&(!parseInt(bdate.split('-')[0])%10==0)|(parseInt(bdate.split('-')[0])%40==0))
   {
    return false;
   }
  }
 }
 return re.test(bdate);
}
function __DateTimeBoxFlashString(str)
{
 if(__DateTimeBoxSelectedObject)
 {
  __DateTimeBoxSelectedObject.value=str;
  document.all('__DateTimeBoxDiv').style.display='none';
 }
}

2 DateTimePicker.htm

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <style type="text/css">
<!--.DateTimeBoxTextStyle { font-family: "Arial";
font-size: 9pt; line-height: 12pt; text-decoration: none; cursor: hand}
.DateTimeBoxArrowStyle { font-family: "Arial"; font-size: 6pt; text-decoration: none; cursor: hand}
.DateTimeBoxTextMouseOverStyle { font-family: "Arial"; font-size: 9pt;
 line-height: 12pt; cursor: hand; text-decoration: none;border-right-width: 1px;
 border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style:
 solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #000000;
 border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;background-color: #E3E3E3;}
 .DateTimeBoxTextMouseOutStyle { font-family: "Arial"; font-size: 9pt; line-height: 12pt;
 cursor: hand; text-decoration: none;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
 border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
 border-top-color: ;border-right-color: ;border-bottom-color: ;border-left-color: ;background-color: ;}-->
  </style>
 </head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
  οnkeypress="window.event.returnValue=false" οnkeydοwn="window.event.returnValue=false"
  οnkeyup="window.event.returnValue=false" οndragstart="window.event.returnValue=false"
  onselectstart="event.returnValue=false">
 <table id="__DateBoxDateTable" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0"
   align="center" bgcolor="#FFFFFF">
   <tr height="100%">
    <td valign="top">
     <table width="100%" border="1" bordercolor="#DDDDDD" cellspacing="0" cellpadding="0" align="center"
      bgcolor="#DDDDDD" ID="Table1">
      <tr>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);">&nbsp;</td>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" onClick="__DateBoxDateChangeYear(-1);return false;"
        οnmοuseοver="__DateBoxDateOnMouseOver(this);" οnmοuseοut="__DateBoxDateOnMouseOut(this);"><b>&lt;&lt;</b></td>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" onClick="__DateBoxDateChangeMonth(-1);return false;"
        οnmοuseοver="__DateBoxDateOnMouseOver(this);" οnmοuseοut="__DateBoxDateOnMouseOut(this);"><b>&lt;</b></td>
       <td align="center" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" id="__DateBoxDateNowDate"></td>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" onClick="__DateBoxDateChangeMonth(+1);return false;"
        οnmοuseοver="__DateBoxDateOnMouseOver(this);" οnmοuseοut="__DateBoxDateOnMouseOut(this);"><b>&gt;</b></td>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" onClick="__DateBoxDateChangeYear(+1);return false;"
        οnmοuseοver="__DateBoxDateOnMouseOver(this);" οnmοuseοut="__DateBoxDateOnMouseOut(this);"><b>&gt;&gt;</b>
       <td align="center" width="15" bgcolor="#DDDDDD" class="DateTimeBoxTextStyle" οnclick="__DateTimeBoxClose();"
        οnmοuseοver="__DateBoxDateOnMouseOver(this);" οnmοuseοut="__DateBoxDateOnMouseOut(this);"><b>X</b></td>
      </tr>
     </table>
     <table width="100%" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0" align="center"
      bgcolor="#FFFFFF" ID="Table2">
      <tr align="center">
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#FF3333">日</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#666666">一</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#666666">二</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#666666">三</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#666666">四</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#666666">五</font></b></td>
       <td width="25" class="DateTimeBoxTextStyle"><b><font color="#3333FF">六</font></b></td>
      </tr>
      <tr align="center" bgcolor="#FF6600">
       <td colspan="7" height="1"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem1" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem2" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem3" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem4" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem5" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem6" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem7" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem8" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem9" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem10" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem11" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem12" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem13" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem14" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem15" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem16" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem17" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem18" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem19" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem20" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem21" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem22" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem23" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem24" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem25" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem26" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem27" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem28" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem29" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem30" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem31" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem32" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem33" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem34" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem35" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
      <tr align="center">
       <td id="__DateBoxDateItem36" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem37" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem38" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem39" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem40" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem41" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
       <td id="__DateBoxDateItem42" width="25" style="cursor:hand;" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
        οnmοuseοut="__DateBoxDateOnMouseOut(this);" onClick="__DateBoxDateSelected(this);"
        class="DateTimeBoxTextStyle"></td>
      </tr>
     </table>
    </td>
   </tr>
   <tr height="15px">
    <td valign="bottom">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" ID="Table3">
      <tr>
       <td><table width="100%" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0" ID="Table4">
         <tr>
          <td align="center" class="DateTimeBoxTextStyle" bgcolor="#FFFFFF" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
           οnmοuseοut="__DateBoxDateOnMouseOut(this);" style="cursor:hand;" onClick="__DateBoxDateIsNow();">今天</td>
         </tr>
        </table>
       </td>
       <td><table width="100%" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0" ID="Table5">
         <tr>
          <td align="center" class="DateTimeBoxTextStyle" bgcolor="#FFFFFF" οnmοuseοver="__DateBoxDateOnMouseOver(this);"
           οnmοuseοut="__DateBoxDateOnMouseOut(this);" style="cursor:hand;" onClick="__DateBoxDateIsClear();">清除</td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>
<Script Language="JavaScript">
var __DateTimeOrgStrings=new Array("0","0","0");
var __DateTimeNowDateTime=new Date();
var __DateBoxDateMonthArray=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var __DateBoxDateNowLanguage;
var __DateTimeBoxChinese=new Array("gb2312","日","一","二","三","四","五","六","年","月","今天","请输入正确日期格式的数据！/n例：1900-01-01","清除");
function __DateBoxDateFlash(strNowDate)
{
 __DateTimeNowDateTime=new Date();
 if(strNowDate!="")
 {
  if(strNowDate.indexOf("-")>0)
  {
   __DateTimeNowDateTime.setYear(strNowDate.split("-")[0]);
   __DateTimeNowDateTime.setMonth(strNowDate.split("-")[1]-1);
   __DateTimeNowDateTime.setDate(strNowDate.split("-")[2]);
  }
 }
 var nowYear=__DateTimeNowDateTime.getYear();
 if(nowYear<100){nowYear+=1900;}
 var nowMonth=__DateTimeNowDateTime.getMonth();
 var firstDay=new Date(nowYear,nowMonth,1);
 var nowDay=firstDay.getDay();
 if((nowYear%4==0&&nowYear%100!=0)||(nowYear%400==0))
 {
  __DateBoxDateMonthArray[1]=29;
 }
 else{__DateBoxDateMonthArray[1]=28;}
 for(var i=1;;i++)
 {
  if(document.all("__DateBoxDateItem"+i))
  {
   document.all("__DateBoxDateItem"+i).innerHTML="";
  }
  else{break;}
 }
 for(var i=0;i<=__DateBoxDateMonthArray[nowMonth]+nowDay;i++)
 {
  if(i>nowDay)
  {
   if((i-nowDay)<10)
   {
    document.all("__DateBoxDateItem"+i).innerHTML="0"+(i-nowDay);
   }
   else
   {
    document.all("__DateBoxDateItem"+i).innerHTML=(i-nowDay);
   }
   if(nowYear==__DateTimeOrgStrings[0] && nowMonth==__DateTimeOrgStrings[1]-1)
   {
    if(document.all("__DateBoxDateItem"+i).innerHTML==__DateTimeOrgStrings[2])
    {
     document.all("__DateBoxDateItem"+i).style.color = "red";
    }
   }
   else
   {
    document.all("__DateBoxDateItem"+i).style.color = "black";
   }
  }
 }
 document.all("__DateBoxDateNowDate").innerHTML=nowYear+__DateTimeBoxChinese[8]+(nowMonth+1)+__DateTimeBoxChinese[9];
}
function __DateBoxDateChangeYear(_iYearNumber)
{
 __DateTimeNowDateTime.setYear(__DateTimeNowDateTime.getYear()+_iYearNumber);
 var nowYear=__DateTimeNowDateTime.getYear();
 var nowMonth=__DateTimeNowDateTime.getMonth()+1;
 var nowDate=__DateTimeNowDateTime.getDate();
 if(nowYear<1000)
 {
  nowYear+=1900;}
 __DateBoxDateFlash(nowYear+"-"+nowMonth+"-"+nowDate);
}
function __DateBoxDateChangeMonth(_iMonthNumber)
{
 __DateTimeNowDateTime=new Date(__DateTimeNowDateTime.getYear(),__DateTimeNowDateTime.getMonth()+(_iMonthNumber),__DateTimeNowDateTime.getDate());
 var nowYear=__DateTimeNowDateTime.getYear();
 var nowMonth=__DateTimeNowDateTime.getMonth()+1;
 var nowDate=__DateTimeNowDateTime.getDate();
 if(nowYear<1000){nowYear+=1900;}
 __DateBoxDateFlash(nowYear+"-"+nowMonth+"-"+nowDate);
}
function __DateTimeBoxClose()
{window.frames.parent.__DateTimeBoxDivMouseOut();}
function __DateBoxDateOnMouseOver(obj)
{
 if(obj.innerText!=""){obj.className="DateTimeBoxTextMouseOverStyle";}
}
function __DateBoxDateOnMouseOut(obj){obj.className="DateTimeBoxTextMouseOutStyle";}
function __DateBoxDateIsClear(){window.frames.parent.__DateTimeBoxFlashString("");}
function __DateBoxDateIsNow()
{
 __DateTimeNowDateTime=new Date();
 var nowYear=__DateTimeNowDateTime.getYear();
 var nowMonth=__DateTimeNowDateTime.getMonth()+1;
 var nowDate=__DateTimeNowDateTime.getDate();
 if(nowYear<1000){nowYear+=1900;}
 if(nowMonth<10){nowMonth="0"+nowMonth.toString();}
 if(nowDate<10){nowDate="0"+nowDate.toString();}
 window.frames.parent.__DateTimeBoxFlashString(nowYear+"-"+nowMonth+"-"+nowDate);
}
function __DateBoxDateSelected(obj)
{
 if(obj.innerText!="")
 {
  var nowYear=__DateTimeNowDateTime.getYear();
  var nowMonth=__DateTimeNowDateTime.getMonth()+1;
  if(nowYear<1000){nowYear+=1900;}
  if(nowMonth<10){nowMonth="0"+nowMonth.toString();}
  window.frames.parent.__DateTimeBoxFlashString(nowYear+"-"+nowMonth+"-"+obj.innerText);
 }
}
function __OnLoad()
{
 if(typeof parent.__date != 'undefined')
 {
 if( parent.__date!="" && parent.__date.indexOf("-")>0)
 {
  var ss = parent.__date;
  __DateTimeOrgStrings = ss.split("-");
 }
 __DateBoxDateFlash(parent.__date);
 }
}
__OnLoad();
</Script>
3 使用方法：

<script src="DateTimePicker.js" type="text/javascript"></script>//引进文件

<td class="tbt_td">开盘时间：</td>
        <td class="tbt_td"><input id="saletime" type="text" maxLength="200" size="25" value="请双击" οnclick="if(this.value=='请双击')this.value=''"
          name="saletime" runat="server" οndblclick="__DateBoxOnClick(this);" οnblur="__DateBoxOnBlur(this);">
        </td>
        <td class="tbt_td">入住时间：</td>
        <td class="tbt_td"><input id="livetime"  οnfοcus="this.select()"
          οnclick="if(this.value=='请双击')this.value=''" type="text" maxLength="200" size="25" value="请双击"
          name="livesale" runat="server" οndblclick="__DateBoxOnClick(this);" οnblur="__DateBoxOnBlur(this);">
        </td>

<script src="../scripts/DateTimePicker.js" type="text/javascript"></script> <script src="../scripts/DateTimePicker.js" type="text/javascript"></script>

gbys
关注
专栏目录
js日期输入控件，键盘实现快速输入（绝对原创）
07-16
通常我们从网上找到的，都是通过鼠标选择的js日期控件，例如最流行的My97DatePicker。但是这些控件仅仅是好看，在很多业务系统中，操作员更希望所有的信息都是靠键盘输入，这样的输入速度，比一会儿用键盘，一会儿用鼠标快很多。本例是一个可以动态配置日期/时间输入项的键盘时间输入控件。支持：1、输入值校验2、只允许输入数字3、屏蔽输入法4、不允许拖拽文字到输入框中5、不允许拷贝文字到输入框中
js快捷输入日期
xiaozhen0610的博客
07-09 449
点击这里查看效果http://keleyi.com/keleyi/phtml/jstexiao/10.htm 以下式代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>js快捷输入日期-柯乐义</title> 6 <style>
开源项目——寝室助手
Jack's Blog
12-16 3010
开源项目——寝室助手 身为计算机专业的大学生，我们会自然而然地想办法用自己已有的资源和技术去让生活自动化、智能化。寝室助手这个项目不算创新项目，但是会是一个整理得比较完备的项目。它易于搭建，成本不算高，并且功能可以大大扩展。 文章目录开源项目——寝室助手1. 寝室助手的功能2.寝室助手的准备工作知识储备：硬件准备:软件准备：1. 树莓派的初步启动2. 使用SSH连接树莓派终端3. 进行必要的设...
基于Node.js+vue员工工作助手app(开题+程序+论文) 计算机毕业设计
zhiwen203的博客
09-19 904
本研究的意义在于设计并实现一款贴合企业实际需求的员工工作助手app，它不仅能够有效解决当前企业管理中存在的信息不对称、沟通成本高、工作效率低等问题，还能通过智能化、个性化的功能设计，提升员工的工作满意度和归属感。：根据企业需求，定义多种活动类型，如会议、培训、团建等，并设计活动信息的发布与编辑功能，包括活动名称、时间、地点、参与人员等关键信息的录入与展示。：设计部门架构与员工信息录入界面，支持部门的创建、编辑、删除及员工信息的录入、查询、修改等功能，确保组织结构的清晰与人员信息的准确。
一个公务员的编程人生
gig919的博客
06-01 1149
美国气象学家洛伦兹1963年提出，一只南美洲亚马逊河流域热带雨林中的蝴蝶，偶尔扇动几下翅膀，可能在两周后在美国德克萨斯引起一场龙卷风，这就是蝴蝶效应的由来。女儿曾不解地问我，你又没用软件赚过钱，为什么要编程啊。我笑着说是为了改变世界啊。女儿又说，你又不是圣母玛利亚，还改变世界，先改变你自己吧。可是我觉得，没有改变世界的豪情，就没有编程的激情和灵感，也体会不到编程的乐趣。苏芮《一样的月光》中唱道：是世界改变了我们，还是我们改变了世界？这个问题的答案是双相的，人既改变了世界，世界也改变了我们。我不梦想能家财万贯
JavaScript的基准测试-不服跑个分？
chenmian6513的博客
10-10 122
原文：Bulletproof JavaScript benchmarks 做JavaScript的基准测试并没有想的那么简单。即使不考虑浏览器差异所带来的影响，也有很多难点-或者说陷阱需要面对。 这是为何我创建了jsPerf的一个原因，一个你可以轻松创建并分享各种代码片段对比结果...
web开发助手新版，拖拽一下出来一个标签样例，拖拽一下就生成调用java代码
iteye_4477的博客
10-23 1011
先说下，这些插件有什么用途？ 做web开发的朋友，经常会遇到，一段时间没写页面了，突然又写，经常会连常用js或者一些struts、jstl标签等都忘记了，这个插件工具就是为了这个烦恼而开发的，还是和以前一样拖拽下，就能生成对应js或者标签demo。 还有，公司内部经常会有些公用的java代码 api，如果让一个新手调用，估计都是先看文档，然后摸索这去调用这些api，文档大部分都是javado...
文献助手
韩梦飞沙S_韩亚飞 的博客
10-06 1719
强生医药文献助手 文献入库／解析／搜索 PDF OCR 标题／作者／时间／科目／专业／关键词／摘要／原文   解析 关键词提取 中文分词／  摘要。自动生成摘要。 归类。    科目／专业   搜索 排序。置顶。标注。 --- Architecture 英[ˈɑ:kɪtektʃə(r)]  奥剋忒客车。 美[ˈɑ:rkɪtektʃə(r)] n. 体系结构;...
Excel 常用的九十九个技巧 Office 自学教程快速掌握办公技巧
热门推荐
荒岛
09-25 12万+
Excel 可以用来制作电子表格、完成许多复杂的数据运算，进行数据的分析和预测，并且具有强大的制作图表的功能，它已成为国内外广大用户管理公司和个人财务、统计数据、绘制各种专业化表格的得力助手。允许用户自定义界面的电子制表软件包括字体、文字属性和单元格格式，它还引进了智能重算的功能，当单元格数据变动时，只有与之相关的数据才会更新，荒岛本次带来九十九个 Excel 技巧，提高您的办公效率。
基于ssm+vue高校校园生活助手(开题报告+程序+论文+java)
婉清计算机毕业设计
10-14 854
因此，开发一款集学生、教师、社团信息，课程信息，校园美食，出行指南，失物招领等多功能于一体的“高校校园生活助手”显得尤为重要。“高校校园生活助手”系统的主要功能包括学生、教师、社团信息，课程信息，校园美食，出行指南，失物招领等。一方面，它能够有效提升校园信息服务的效率和质量，满足师生多样化的生活需求，增强校园生活的便捷性和舒适性。[1] 刘小玲, 李慧云, 殷珊珊, 贾少华, 许杰辉, 郝颖. 一种基于软件测试任务的信息化管理系统的原型设计[J]. 现代信息科技, 2024, 8 (12): 91-95。
网页表单批量录入 网页表单自动录入 网页表单自动填写 亿彩网页表单批量自动填写助手 v1.0
11-09
亿彩网页表单批量自动填写助手 v1.0 是一个专门针对这一需求设计的工具，旨在简化并自动化这个过程。 首先，我们要理解网页表单批量录入的基本概念。网页表单是网页设计中用于收集用户信息的一种交互方式，通常包括...
list-helper:一个列表助手应用程序，用于跟踪待处理或正在进行的任务，以及一个有用的日常聚会助手，该程序可以帮助跟踪已经讲过话的人，最后是一个食谱助手，可以跟踪成分和数量
03-26
总的来说，"列表助手"是一个综合性的工具，结合了任务管理、社交协调和烹饪助手的功能，利用JavaScript的灵活性和广泛适用性，为用户提供了全面的生活管理解决方案。无论你是需要规划工作日程，还是在聚会上保持对话...
一个课程辅助工具类
11-12
【课程辅助工具类详解】 课程辅助工具，正如其名，是一种专为学生和教师设计的实用应用程序，旨在帮助他们更有效地管理和跟踪课程安排。...对于用户来说，它是一个强大的助手，能够使日常学习变得更加有序和高效。
仿微信发票助手-小程序源码
11-20
《仿微信发票助手小程序源码解析与学习指南》 ...总的来说，“仿微信发票助手”小程序源码是一份优秀的学习资料，它将理论与实践相结合，帮助开发者掌握微信小程序开发的核心技术，为日后的项目开发打下坚实的基础。
基于ssm智能新冠疫苗接种助手.zip
03-24
【SSM智能新冠疫苗接种助手】是一个综合性的项目，它结合了Spring、SpringMVC和MyBatis（SSM）框架，以及Java和微信小程序的技术，旨在为用户提供便捷的新冠疫苗接种服务。该项目的主要目标是简化疫苗预约流程，提高...
JS-常用功能
最新发布
qq_40950398的博客
10-18 146
汇总一些常用的js功能
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 757
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
深入解析：React中的信号组件与细粒度更新
Fisher的专栏
10-15 682
介绍了前端大火的signal原理，引入AutoStore为React提供了信号组件，帮助实现细粒度更新
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
源码好优多
10-16 792
请联系我获取更详细的演示视频。
再加一个可以录入的功能
10-13
在Java实验中，如果你已经编写了一个模拟录入学生成绩的程序[^2]，并且掌握了基本的构造方法和字段，要添加录入功能，你可以考虑以下几个步骤： 1. **创建输入流**： ```java Scanner scanner = new Scanner...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值