程序博客网 > ping网络不稳定

js/jsp日期选择框新样式，带按钮，选中日期自动确认

来源：互联网 发布：ping网络不稳定 编辑：程序博客网 时间：2024/06/06 03:59

样式图如下效果：

 

 

文件目录结构如下所示：

 

 

  

 

两个按钮图片如下所示：

 

 

 

dateutil.js代码如下：

 

/**********************************/
/******       截取空格       ******/
/**********************************/
function trim(str){
     var i = 0;
        while ((i < str.length)&&((str.charAt(i) == " ")||(str.charAt(i) == "　"))){i++;}
     var j = str.length-1;
     while ((j >= 0)&&((str.charAt(j) == " ")||(str.charAt(j) == "　"))){j--;}
     if( i > j )
      return "";
     else
      return str.substring(i,j+1);
}


/**********************************/
/*****   是否为合法的用户名   *****/
/*****用于客户开户时用户名的校验 *****/
/**********************************/
var MAX_USERNAME_LENGTH = 40;
function isValidNewUserName(str){
 var SPECIAL_USERNAME_PREFIX = "~!#$%^&_-|";//同BD_SYS_CONFIG定义的USERNAME_PREFIX保持一致
 var SPECIAL_USERNAME_SUFFIX = "~!#$%^&_-.|";//同BD_SYS_CONFIG定义的USERNAME_SUFFIX保持一致
 var USERNAME_PREFIX = "0123456789abcdefghijklmnopqrstuvwxyz"+SPECIAL_USERNAME_PREFIX;
 var USERNAME_SUFFIX = "0123456789abcdefghijklmnopqrstuvwxyz"+SPECIAL_USERNAME_SUFFIX;
 str = trim(str);
 if (str == "") {
  alert("客户名不能为空.");
  return false;
 }
 if (str.length > MAX_USERNAME_LENGTH) {
  alert("输入的客户名长度太大.");
  return false;
 }
 if ( USERNAME_PREFIX.indexOf( str.charAt(0) ) == -1) {
  alert("客户名不能以非法字符("+str.charAt(0)+")开头.");
  return false;
 }
 for(var i=1;i<str.length;i++){
  if ( USERNAME_SUFFIX.indexOf( str.charAt(i) ) == -1) {
   alert("输入的客户名含有非法字符("+str.charAt(i)+").");
   return false;
  }
 }
 /*
 if ( (/^[A-Za-z0-9~!#$%^&_-|]+$/g).test(str) == false ) {
  return false;
 }
 */
 
 return true;
}

/********************************************************/
/*******************   是否为合法的用户名   *************/
/*****用于客户（用户）的修改和查询，兼容四期以前版本*****/
/**********************************************************/
function isValidUserName(str){
 var SPECIAL_USERNAME_PREFIX = "~!#@$%^&_-.|";//同BD_SYS_CONFIG定义的USERNAME_PREFIX保持一致
 var SPECIAL_USERNAME_SUFFIX = "~!#@$%^&_-.|";//同BD_SYS_CONFIG定义的USERNAME_SUFFIX保持一致
 var USERNAME_PREFIX = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"+SPECIAL_USERNAME_PREFIX;
 var USERNAME_SUFFIX = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"+SPECIAL_USERNAME_SUFFIX;
 str = trim(str);
 if (str == "") {
  alert("客户名不能为空.");
  return false;
 }
 if (str.length > MAX_USERNAME_LENGTH) {
  alert("输入的客户名长度太大.");
  return false;
 }
 if ( USERNAME_PREFIX.indexOf( str.charAt(0) ) == -1) {
  alert("客户名不能以非法字符("+str.charAt(0)+")开头.");
  return false;
 }
 for(var i=1;i<str.length;i++){
  if ( USERNAME_SUFFIX.indexOf( str.charAt(i) ) == -1) {
   alert("输入的客户名含有非法字符("+str.charAt(i)+").");
   return false;
  }
 }
 /*
 if ( (/^[A-Za-z0-9~!#$%^&_-|]+$/g).test(str) == false ) {
  return false;
 }
 */
 
 return true;
}

/**********************************/
/******   是否为合法的名字   ******/
/***** added by lijq 20020911  *****/
/**********************************/
function isValidName(str,name){
 var SPECIAL_USERNAME_PREFIX = "~!#$%^&_-|";//同BD_SYS_CONFIG定义的USERNAME_PREFIX保持一致
 var SPECIAL_USERNAME_SUFFIX = "~!#$%^&_-|";//同BD_SYS_CONFIG定义的USERNAME_SUFFIX保持一致
 var USERNAME_PREFIX = "0123456789abcdefghijklmnopqrstuvwxyz"+SPECIAL_USERNAME_PREFIX;
 var USERNAME_SUFFIX = "0123456789abcdefghijklmnopqrstuvwxyz"+SPECIAL_USERNAME_SUFFIX;
 str = trim(str);
 if (str == "") {
  alert(name+"不能为空.");
  return false;
 }
 if (str.length > MAX_USERNAME_LENGTH) {
  alert("输入的"+name+"长度太大.");
  return false;
 }
 if ( USERNAME_PREFIX.indexOf( str.charAt(0) ) == -1) {
  alert(name+"不能以非法字符("+str.charAt(0)+")开头.");
  return false;
 }
 for(var i=1;i<str.length;i++){
  if ( USERNAME_SUFFIX.indexOf( str.charAt(i) ) == -1) {
   alert("输入的"+name+"含有非法字符("+str.charAt(i)+").");
   return false;
  }
 }
 /*
 if ( (/^[A-Za-z0-9~!#$%^&_-|]+$/g).test(str) == false ) {
  return false;
 }
 */
 
 return true;
}

//是否为float，使用javascript提供的函数isNaN() 包括整数，小数
//返回值：true 不是数字
//        false 数字


/**********************************/
/*****  是否为单个数字符(0~9) *****/
/**********************************/
function isNumber(str){
    if ( (/^/d$/g).test(str) == true ) 
        return true;
    return false;
}

/**********************************/
/*****      是否为整型        *****/
/**********************************/
function isInteger(str){
 if (/^/d+$/.test(str) == true) {
  return true;
 }
 return false; 
}


/**********************************/
/*****      是否为有效的密码  *****/
/**********************************/
/*
function isValidPassword(str){
 if (/^[/x00-/xff]+$/.test(str))
  if (str.length >= 4)//added by lijq 20020711
   return true;
 return false;
}
*/
function isValidPassword(str){
 if (!(/^[/x00-/xff]+$/.test(str))) {
  alert("密码含有非法字符！");
  return false;
 }
 if (str.length < 4) {
  alert("请输入四位以上密码！");
  return false;
 }
 if (str.indexOf(" ") >= 0) {
  alert("密码不能含有空格！");
  return false;
 }
 
 var i = 0;
 var equ_cnt  = 1;
 var decr_cnt = 1;
 var incr_cnt = 1;
 var temp  = str.charAt(0);//相等
 var decr_str = str.charAt(0);//递减
 var incr_str = str.charAt(0);//递增
 var length = str.length;
 for (i = 1; i < length; i++) {
  if (temp == str.charAt(i)) {
   equ_cnt++;
  } else {break;}/*
  if (decr_str == str.charAt(i)-1){
   decr_str = str.charAt(i);
   decr_cnt++;
  }
  if (incr_str == str.charAt(i)+1) {
   incr_str = str.charAt(i);
   incr_cnt++;
  }*/
 }
 if (equ_cnt == length || decr_cnt == length || incr_cnt == length) {
  alert("输入的密码太简单，请重新输入！");
  return false;
 }
 return true;
}
/**********************************/
/*****是否为指定长度的电话号码*****/
/**********************************/
function isPhoneNumber(str,n){
 if(!isInteger(str))
  return false;
 if (str.length != n)
  return false;
 //added by lijq 20020722 begin
 if (n == 7 || n == 8) {
  if (str.indexOf("0")==0
   || str.indexOf("1")==0
   || str.indexOf("9")==0) {
    return false;
  }
 }
 //added by lijq 20020722 end
 return true;
}

/**********************************/
/*****   是否为7位电话号码    *****/
/**********************************/
function is7PhoneNumber(str){
 return isPhoneNumber(str,7);
}

/**********************************/
/*****   是否为8位电话号码    *****/
/**********************************/
function is8PhoneNumber(str){
 return isPhoneNumber(str,8);
}

/**********************************/
/*****是否为正确的移动电话号码*****/
/**********************************/
function isValidGsmNumber(str){
 if(!isInteger(str))
  return false;
 if (str.length != 11)
  return false;
 if(str.indexOf("13") != 0)
  return false;
 return true;
}

/**********************************/
/******   是否为金额型数值   ******/
/**********************************/
function isMoney(s){
 if (trim(s) == "") return false;
     if (isNaN(s)){
      return false;
     }
     if (s<0||s>200000) return false;
     split=s.split(".");
     if(split.length==2){
         if(split[1]>99){
             return false;
         }
     }
     return true;
}

/**********************************/
/******   是否为银行账号   ********/
/******Lijq added 20020711*********/
/**********************************/
function isBankNO(str){
 var SPECIAL_STR = "- ";
 var BANKNO_STR = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"+SPECIAL_STR;
 str = trim(str);
 if (str == "") return false;
 for(var i=0; i<str.length; i++){
  if ( BANKNO_STR.indexOf( str.charAt(i) ) == -1)
   return false;
 }
 return true;
}


/**********************************/
/*****   是否为有效的Email    *****/
/**********************************/
function isValidEmail(str){
 str = trim(str);
 len = str.length;
 //没有@或者@在首尾
 if((str.indexOf('@') == -1)||(str.indexOf('@') == 0)||(str.indexOf('@') == len-1))
      return false;
 if(str.indexOf('@') != str.lastIndexOf('@'))  
      return false;
 if(str.indexOf('.') == -1)
      return false;
     if (str.lastIndexOf('.') == (len-1) )//'.'在最后一位
      return false;
     for(var j=0;j<len-1;j++){//判断是否有".."或者"@."
      if( (str.charAt(j) == '.' && str.charAt(j+1) == '.') ||( str.charAt(j) == '@' && str.charAt(j+1) == '.' ) )
       return false;
     }
 
    validstr = "1234567890abcdefghijklmnopqrstuvwxyz_-.~@$#";
    lowerstr = str.toLowerCase();
    for(i=0;i<len;i++){
         if(validstr.indexOf(lowerstr.charAt(i)) == -1){
             return false;
            }
        }         
 
   return true;
}


/**********************************/
/*****     是否为特殊字符     *****/
/**********************************/
function isNotChar(s){
    if ((s>='0'&& s<='9')||(s>='a' &&s<='z')||(s>='A'&& s<='Z'))return false;
    else return true;
}

/**********************************/
/*****     是否含有特殊字符   *****/
/**********************************/
function hasSpecialChar(str){
 var SPECIAL_STR = "~!@%^&*();'/"?><[]{}//|,:/=+—“”‘";
     for(i=0;i<str.length;i++){
      if (SPECIAL_STR.indexOf(str.charAt(i)) >= 0)
       return true;
     }
     return false;
}


/**********************************/
/*****  是否有效的管理员密码  *****/
/**********************************/
function isValidPasswd(s){
    //至少８位，不长于30位，不与帐号同名，至少有一位是数字至少有一个特殊字符。
    if((s.length<8)||(s.length>30)){
        alert("密码长度有误");
        return false;
    }
   var  nochar=0;
    for(i=0;i<8;i++){
      
        if(isNotChar(s.charAt(i))){
            nochar++;
        }
    }
    if(nochar==0){
        alert("你的管理员密码的前八位中至少应有一个特殊字符");
        return false;
    }
       
    return true;
   
}


/**********************************/
/*****    检查IP地址的合法性  *****/
/**********************************/
function isValidIP(str){
 str = trim(str);
 temp = str.split('.');
    if(temp.length != 4){
        return false;
    }
    else{
        for(i=0;i<temp.length;i++){
           if((!isInteger(temp[i]))||(temp[i]<0)||(temp[i]>255)){
        return false;
    }
        }
    }
   return true;   
}

/**********************************/
/*****    检查卡号的合法性  *****/
/**********************************/
var MIN_CARDLENGTH = 9;//最小的卡长度
var AREA_LENGTH = 2;//属地长度
var NUMBER_LENGTH = 6;//卡顺序号长度
function isValidCard(str){
 if (hasSpecialChar(str)) return false;//added by lijq 20020801
 if (str == "") return false;
 if (str.length < MIN_CARDLENGTH) return false;
 //var suffix = str.substring(str.length-AREA_LENGTH-NUMBER_LENGTH);
 //for(var i=0;i<suffix.length;i++){
 // if (!isNumber(suffix.charAt(i)))
 //  return false;
 //}
 return true;
}


/**********************************/
/*****    检查身份证的合法性  *****/
/**********************************/
function isValidIDCard(s) {
 s = trim(s);
     if(s.length==15){
         for(i=0;i<s.length;i++)
                if(!(isNumber(s.charAt(i)))){
                  return false;
              }       
         return true;
     }
     else if(s.length==18){
         for(i=0;i<s.length-1;i++)
              if(!(isNumber(s.charAt(i)))){
                  return false;
              }
        return true;
           
     }
    return false
}


/**********************************/
/*****    检查目录的合法性    *****/
/**********************************/
function isValidDir(str)
{
    len = str.length;
    if((str.charAt(0) != '/') || (str.charAt(len - 1) == '/')) return false;
    if (str.indexOf('//') != -1) return false;
    return true;
}


/**********************************/
/*****     检查日期合法性     *****/
/**********************************/
function isValidBirthday(year,month,day){
    if(year.length!=4) {
        alert("请输入四位年份如1988");
        return false;
    }
    validstr="0123456789";
    for(i=0;i<4;i++){
        if(validstr.indexOf(year.charAt(i))==-1){
            alert("生日输入有误!");           
            return false;
        }
    }
    //从1900年到当前年
    var today = new Date();
    var currentYear=today.getYear() ;//年
   
    if(year*1>currentYear || year*1<1900){
        alert("年份输入有误!");
        return false;
    }
    if(month=="04"||month=="06"||month=="09"||month=="11") {
          if(day=="31") {
              alert("本月没有31日!");
              return false;
          }
      }
     if(month=="02") {
          if(year%4==0&&year%100!=0||year%400==0) {   /*闰年 */
              if(day=="30"||day=="31") {
                  alert("本月没有"+day+"日!");
                  return false;
              }
          }
          else {      /*不是闰年*/
              if(day=="29"||day=="30"||day=="31") {
                  alert("本月没有"+day+"日!");
                  return false;
              }
          }
      }
   
    return true;
}


/**********************************/
/*****        捕捉回车        *****/
/**********************************/
function keyDown(){
        var keycode=window.event.keyCode;
        if(keycode==13){
         //do sth like check();
        }
}
//指定回车事件document.onkeydown=keyDown;

//以下为日期的javascript


<!-- Begin  //place these scripts within BODY tag if you are using IE 4.0 or below.
//****************************************************************************
// PopCalendar 3.50, Emailware(please mail&commend me if u like it)
// Originally coded by Liming(Victor) Weng, email: victorwon@netease.com
// Release date: 2000.3.13
// Anyone may modify it to satify his needs, but please leave this comment ahead.
//****************************************************************************

var gdCtrl = new Object();
var goSelectTag = new Array();
var gcGray = "#808080";
var gcToggle = "#ffff00";
var gcBG = "#cccccc";

var gdCurDate = new Date();
var giYear = gdCurDate.getFullYear();
var giMonth = gdCurDate.getMonth()+1;
var giDay = gdCurDate.getDate();

//****************************************************************************
// Param: popCtrl is the widget beyond which you want this calendar to appear;
//        dateCtrl is the widget into which you want to put the selected date.
// i.e.: <input type="text" name="dc" style="text-align:center" readonly><INPUT type="button" value="V" onclick="fPopCalendar(dc,dc);return false">
//****************************************************************************
function fPopCalendar(popCtrl, dateCtrl){
  event.cancelBubble=true;
  gdCtrl = dateCtrl;
  var dateValue = popCtrl.value;
  if (dateValue != "") {
   arrDate = dateValue.split("-");
   var selYear = arrDate[0];
   var selMonth = arrDate[1]*1;
   fSetYearMon(selYear,selMonth);
  }else
   fSetYearMon(giYear, giMonth);
  var point = fGetXY(popCtrl);
  with (VicPopCal.style) {
   left = point.x;
 top  = point.y+popCtrl.offsetHeight+1;
 width = VicPopCal.offsetWidth;
 height = VicPopCal.offsetHeight;
 fToggleTags(point);
 visibility = 'visible';
  }
  VicPopCal.focus();
}

// 可以在这里修改最终的格式
function fSetDate(iYear, iMonth, iDay){
 iMonth = "" + iMonth;
 iDay = "" + iDay;
 //alert(iMonth.length);
  if(iMonth.length == 1) iMonth = "0" + iMonth;// 成为 01, 02
  if(iDay.length == 1) iDay = "0" + iDay;// 成为 01, 02
  gdCtrl.value = iYear+"-"+iMonth+"-"+iDay; //Here, you could modify the locale as you need !!!!
  fHideCalendar();
}

function fHideCalendar(){
  VicPopCal.style.visibility = "hidden";
  for (i in goSelectTag)
   goSelectTag[i].style.visibility = "visible";
  goSelectTag.length = 0;
}

function fSetSelected(aCell){
  var iOffset = 0;
  var iYear = parseInt(tbSelYear.value);
  var iMonth = parseInt(tbSelMonth.value);

  aCell.bgColor = gcBG;
  with (aCell.children["cellText"]){
   var iDay = parseInt(innerText);
   if (color==gcGray)
  iOffset = (Victor<10)?-1:1;
 iMonth += iOffset;
 if (iMonth<1) {
  iYear--;
  iMonth = 12;
 }else if (iMonth>12){
  iYear++;
  iMonth = 1;
 }
  }
  fSetDate(iYear, iMonth, iDay);
}

function Point(iX, iY){
 this.x = iX;
 this.y = iY;
}

function fBuildCal(iYear, iMonth) {
  var aMonth=new Array();
  for(i=1;i<7;i++)
   aMonth[i]=new Array(i);

  var dCalDate=new Date(iYear, iMonth-1, 1);
  var iDayOfFirst=dCalDate.getDay();
  var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
  var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
  var iDate = 1;
  var iNext = 1;

  for (d = 0; d < 7; d++)
 aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;
  for (w = 2; w < 7; w++)
   for (d = 0; d < 7; d++)
  aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);
  return aMonth;
}

function fDrawCal(iYear, iMonth, iCellHeight, iDateTextSize) {
  var WeekDay = new Array("日","一","二","三","四","五","六");
  var styleTD = " bgcolor='"+gcBG+"' bordercolor='"+gcBG+"' valign='middle' align='center' height='"+iCellHeight+"' style='font:bold "+iDateTextSize+" 宋体;";            //Coded by Liming Weng(Victor Won) email:victorwon@netease.com

  with (document) {
 write("<tr>");
 for(i=0; i<7; i++)
  write("<td "+styleTD+"color:#990099' >" + WeekDay[i] + "</td>");
 write("</tr>");

   for (w = 1; w < 7; w++) {
  write("<tr>");
  for (d = 0; d < 7; d++) {
   write("<td id=calCell "+styleTD+"cursor:hand;' onMouseOver='this.bgColor=gcToggle' onMouseOut='this.bgColor=gcBG' onclick='fSetSelected(this)'>");
   write("<font id=cellText Victor='Liming Weng'> </font>");
   write("</td>")
  }
  write("</tr>");
 }
  }
}

function fUpdateCal(iYear, iMonth) {
  myMonth = fBuildCal(iYear, iMonth);
  var i = 0;
  for (w = 0; w < 6; w++)
 for (d = 0; d < 7; d++)
  with (cellText[(7*w)+d]) {
   Victor = i++;
   if (myMonth[w+1][d]<0) {
    color = gcGray;
    innerText = -myMonth[w+1][d];
   }else{
    color = ((d==0)||(d==6))?"red":"black";
    innerText = myMonth[w+1][d];
   }
  }
}

function fSetYearMon(iYear, iMon){
  tbSelMonth.options[iMon-1].selected = true;
  for (i = 0; i < tbSelYear.length; i++)
 if (tbSelYear.options[i].value == iYear)
  tbSelYear.options[i].selected = true;
  fUpdateCal(iYear, iMon);
}

function fPrevMonth(){
  var iMon = tbSelMonth.value;
  var iYear = tbSelYear.value;

  if (--iMon<1) {
   iMon = 12;
   iYear--;
  }

  fSetYearMon(iYear, iMon);
}

function fNextMonth(){
  var iMon = tbSelMonth.value;
  var iYear = tbSelYear.value;

  if (++iMon>12) {
   iMon = 1;
   iYear++;
  }

  fSetYearMon(iYear, iMon);
}

function fToggleTags(){
  with (document.all.tags("SELECT")){
  for (i=0; i<length; i++)
   if ((item(i).Victor!="Won")&&fTagInBound(item(i))){
    item(i).style.visibility = "hidden";
    goSelectTag[goSelectTag.length] = item(i);
   }
  }
}

function fTagInBound(aTag){
  with (VicPopCal.style){
   var l = parseInt(left);
   var t = parseInt(top);
   var r = l+parseInt(width);
   var b = t+parseInt(height);
 var ptLT = fGetXY(aTag);
 return !((ptLT.x>r)||(ptLT.x+aTag.offsetWidth<l)||(ptLT.y>b)||(ptLT.y+aTag.offsetHeight<t));
  }
}

function fGetXY(aTag){
  var oTmp = aTag;
  var pt = new Point(0,0);
  do {
   pt.x += oTmp.offsetLeft;
   pt.y += oTmp.offsetTop;
   oTmp = oTmp.offsetParent;
  } while(oTmp.tagName!="BODY");
  return pt;
}

var gMonths = new Array("&nbsp;一月","&nbsp;二月","&nbsp;三月","&nbsp;四月","&nbsp;五月","&nbsp;六月","&nbsp;七月","&nbsp;八月","&nbsp;九月","&nbsp;十月","十一月","十二月");

with (document) {
write("<Div id='VicPopCal' onclick='event.cancelBubble=true' style='POSITION:absolute;visibility:hidden;border:2px ridge;width:10;z-index:100;'>");
write("<table border='0' bgcolor='#6699cc'>");
write("<TR>");
write("<td valign='middle' align='center'><input type='button' name='PrevMonth' value='<' style='height:20;width:20;FONT:bold' onClick='fPrevMonth()'>");
write("&nbsp;<SELECT name='tbSelYear' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for(i=1910;i<2030;i++)
 write("<OPTION value='"+i+"'>"+i+"年</OPTION>");
write("</SELECT>");
write("&nbsp;<select name='tbSelMonth' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for (i=0; i<12; i++)
 write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");
write("&nbsp;<input type='button' name='PrevMonth' value='>' style='height:20;width:20;FONT:bold' onclick='fNextMonth()'>");
write("</td>");
write("</TR><TR>");
write("<td align='center'>");
write("<DIV style='background-color:teal'><table width='100%' border='0' cellpadding='2'>");
fDrawCal(giYear, giMonth, 12, 12);
write("</table></DIV>");
write("</td>");
write("</TR><TR><TD align='center'>");
write("<B style='cursor:hand; font: bold 14 宋体' onclick='fSetDate(giYear,giMonth,giDay)' onMouseOver='this.style.color=gcToggle' onMouseOut='this.style.color=0'>今天："+giYear+"年"+giMonth+"月"+giDay+"日</B>");
write("</TD></TR>");
write("</TABLE></Div>");
write("<SCRIPT event=onclick() for=document>fHideCalendar()</SCRIPT>");
}

// End -- Coded by Liming Weng, email: victorwon@netease.com -->

 


function arrowtag(namestr,valuestr,size){
        istr=unescape('%u25bc');
   document.write("<input type='text' name='"+namestr+"' readonly value='"+valuestr+"' size='"+size
    // 这里改用图片 images/button_down.gif来作为下拉按钮
    + "' style='text-align: center'><input style='font-size:8pt;font-family: 宋体;' type='image' class='s03' src='images/button_down.gif' onclick='fPopCalendar("+namestr+","+namestr+");return false;' "
    + " onMouseOver=/"this.src='images/button_down_hover.gif';/" onMouseOut=/"this.src='images/button_down.gif';/" title='点击这里选择一个日期'>");
  }


/**********************************/
/***是否为正确的日期(yyyy-mm-dd)***/
/**********************************/

function isValidDate(datestr){
 var dateArr = datestr.split("-");
 if (dateArr.length != 3 ) return false;
 for (i=0;i<3;i++){
  if (!isInteger(dateArr[i]))
   return false;
 }
 return true;
}


/**********************************/
/***   日期date1是否大于date2   ***/
/**********************************/
function dateBDate(date1,date2){
 if (!isValidDate(date1) || !isValidDate(date2))
  return false;
 var date1Arr = date1.split("-");
 var date2Arr = date2.split("-");
 
 var year1 = parseInt(date1Arr[0]);
 var month1 = parseInt(date1Arr[1]*1);
 var date1 = parseInt(date1Arr[2]*1);
 
 var year2 = parseInt(date2Arr[0]);
 var month2 = parseInt(date2Arr[1]*1);
 var date2 = parseInt(date2Arr[2]*1);
 
 if (year1 < year2) return false;
 if (year1 == year2){//年相等，判断月
  if(month1 < month2) return false;
  if(month1 == month2){//月相等，判断日
   if (date1 <= date2) return false;
  }
 }
 return true;
}

/**********************************/
/***   日期date1是否等于date2   ***/
/*****added by Lijq 2002-5-18******/
/**********************************/
function dateEQUDate(date1,date2){
 if (!isValidDate(date1) || !isValidDate(date2))
  return false;
 var date1Arr = date1.split("-");
 var date2Arr = date2.split("-");
 
 var year1 = parseInt(date1Arr[0]);
 var month1 = parseInt(date1Arr[1]*1);
 var date1 = parseInt(date1Arr[2]*1);
 
 var year2 = parseInt(date2Arr[0]);
 var month2 = parseInt(date2Arr[1]*1);
 var date2 = parseInt(date2Arr[2]*1);
 
 if ((year1 != year2)||(month1 != month2)||(date1 != date2)) {
   return false;
 }
 return true;
}

/**********************************/
/*日期datestr是否大于等于当前日期**/
/**********************************/

function dateBECurrent(datestr){
 if (!isValidDate(datestr)) return false;
 var currentDate = new Date();
 var cYear = currentDate.getYear();
 var cMonth = currentDate.getMonth()+1;
 var cDate = currentDate.getDate();
 var dateArr = datestr.split("-");
 var year = parseInt(dateArr[0]);
 var month = parseInt(dateArr[1]*1);
 var date = parseInt(dateArr[2]*1);
 if (year < cYear) return false;
 if (year == cYear){//年相等，判断月
  if(month < cMonth) return false;
  if(month == cMonth){//月相等，判断日
   if (date < cDate) return false;
  }
 }
 return true;
}

/**********************************/
/*日期datestr是否大于当前日期**/
/** add by humh **/
/**********************************/

function dateBCurrent(datestr){
 if (!isValidDate(datestr)) return false;
 var currentDate = new Date();
 var cYear = currentDate.getYear();
 var cMonth = currentDate.getMonth()+1;
 var cDate = currentDate.getDate();
 var dateArr = datestr.split("-");
 var year = parseInt(dateArr[0]);
 var month = parseInt(dateArr[1]*1);
 var date = parseInt(dateArr[2]*1);
 if (year < cYear) return false;
 if (year == cYear){//年相等，判断月
  if(month < cMonth) return false;
  if(month == cMonth){//月相等，判断日
   if (date <= cDate) return false;
  }
 }
 return true;
}

/**********************************/
/*开始日期、结束日期的合法性检查**/
/** add by hu_minghui **/
/**********************************/

function isDate(datestr1,datestr2){
 if (!isValidDate(datestr1) || !isValidDate(datestr2))
  return false;
 
 
 if (dateBCurrent(datestr1)){
  alert("开始日期不得大于当前日期！");
  return false;
        }
        if (dateBCurrent(datestr2)){
  alert("结束日期不得大于当前日期！");
  return false;
        }
        /*
        if(dateBDate(datestr2,datestr1)){       
  alert("结束日期应大于开始日期!");
  return false;
        }
        */

        var date1Arr = datestr1.split("-");
 var year1    = parseInt(date1Arr[0]);
 var month1   = parseInt(date1Arr[1]);
 var Date1    = parseInt(date1Arr[2]);
 
 var date2Arr = datestr2.split("-");
 var year2    = parseInt(date2Arr[0]);
 var month2   = parseInt(date2Arr[1]);
 var Date2    = parseInt(date2Arr[2]);
 
 if (year2 < year1) {
    alert("开始日期不能大于结束日期，请重新输入");
                  return false;
        }
 
 if (year2 > year1){//跨年份
  if( year2 - year1 > 1 ){
                        alert("清单查询不能超过1个月，请重新输入");
                        return false;
                }
                else if( year2 - year1 == 1){
                        if( (month1==12)&&(month2==1) ){
                               if( Date2 > Date1 ){                  
                                   alert("清单查询不能超过1个月，请重新输入");
                                   return false;
                               }
                        }
                        else {
                               alert("清单查询不能超过1个月，请重新输入");
                               return false;
                        } 
                } 
 }
 else if (year2 == year1){//年相等，判断月
  
                if(month2 < month1){ //年份相等，终止月份小于起始月份
                  alert("开始日期不能大于结束日期，请重新输入");
                  return false;
                }  
  if(month2 == month1){//月相等，判断日
   if (Date2 < Date1){
    alert("开始日期不能大于结束日期，请重新输入");
                  return false;
                 }
  }
 
  else{ 
                        if((month2 - month1 == 1)&&(Date2 > Date1)){//判断日
                               alert("清单查询不能超过1个月，请重新输入");
                               return false;
                        } 
  }
  if( month2 - month1 > 1){
       alert("清单查询不能超过1个月，请重新输入");
                     return false;
                }
 }
 return true;
}


/*
  统一显示页面的输出信息如：(错误、警告、确认、提示)
 2002-06-30 :gudg
*/
/*
type: 信息类型
    error---错误
    alert---警告
    info ---提示
    confirm---确认
title: 信息标题栏
    标题栏内容缺省为系统指定的信息
    错误为：错误信息
    警告为：警告信息
    提示为：提示信息
    确认为：确认信息
content: 信息内容
    信息的内容主体
buttonflag: 是否显示缺省的返回按钮
    false:不显示
    其他:显示   
    缺省参数为显示
*/
function OutPut(type,content,title,buttonflag){
 /*分析参数*/
 if (arguments.length < 4){
  document.writeln("<center><h3>JavaScript方法<font color=blue>[OutPut]</font>调用错误：没有给全参数</h3></center>");
  return;
 }
 if(!((type=="error")||(type=="alert")||(type=="info")||(type=="confirm"))){
  document.writeln("<center><h3>JavaScript方法<font color=blue>[OutPut]</font>调用错误：无效的类型</h3></center>");
  return;
 }
 if(content.length==0){
  document.writeln("<center><h3>JavaScript方法<font color=blue>[OutPut]</font>调用错误：内容为空</h3></center>");
  return;
 }
 document.writeln("<center>");
 document.writeln("<table cellpadding=0 cellspacing=0 width=48% bgcolor=#777777 align=center>");
 document.writeln("<tr><td><table cellpadding=2 cellspacing=1 width=100%>");
 document.writeln("<tr><td bgcolor=/"#6699cc/" width=100% align=center valign=middle>");
 if(type=="error"){  
   document.writeln("<font color=red><b><h4>");
   if(title.length==0)
    document.writeln("错误信息：");
   else
    document.writeln(title);
   document.writeln("</h4></b></font>");

 }
 if(type=="alert"){
  document.writeln("<font color=yellow><b><h4>");
  if(title.length==0)
   document.writeln("警告信息：");
  else
   document.writeln(title);
  document.writeln("</h4></b></font>");
 }
 if(type=="info"){
  document.writeln("<font color=green><b><h4>");
  if(title.length==0)
   document.writeln("提示信息：");
  else
   document.writeln(title);
  document.writeln("</h4></b></font>");  
 }
 if(type=="confirm"){
  document.writeln("<font color=blue><b><h4>");
  if(title.length==0)
   document.writeln("确认信息：");
  else
   document.writeln(title);
  document.writeln("</h4></b></font>");  
 }

 document.writeln("<td bgcolor=#3A6EA5 width=8% align=center>");
 /*显示相应的图标*/
 if(type=="error"){
  document.writeln("<img src=/"../../images/error.gif/" ");
 }
 if(type=="alert"){
  document.writeln("<img src=/"../../images/alert.gif/" ");
 }
 if(type=="info"){
  document.writeln("<img src=/"../../images/message.gif/" ");
 }
 if(type=="confirm"){
  document.writeln("<img src=/"../../images/ask.gif/" ");
 }
 
 document.writeln("border=0 width=36 height=36></td>");
 
 document.writeln("<tr><td colspan=2 bgcolor=#DFE7DF  align=center>");
 document.writeln("<br><font face=/"楷体_GB2312/" size=/"4/" color=/"#000000/">");
 document.writeln(content);
 document.writeln("</font><p>");
 if(buttonflag=="false"){}
 else{
  document.writeln("<input type=/"Button/" value=/"  返  回  /" onclick=/"history.back()/" class=/"s03/">"); 
 }
 document.writeln("</td></tr></table></td></tr></table></center>");
}

/**********************************/
/*****  去除@和其后面的卡域名 *****/
/**********************************/
function cutAtDomain(str){
 str = trim(str);
 len = str.length;
 //没有@或者@在首尾
 var index = str.indexOf('@');
 if(index != -1)
 {
  str = str.substring(0,index);
 }
 
   return str;
}

**********************************************************************************************

**************************************************************************************************

 test.html代码如下：

<!-- 导入日历控件脚本 -->
<Script src="dateutil.js"></Script>

<form action="">
开始日期:
<SCRIPT language="JavaScript">
date = new Date();
year = date.getYear();
month = date.getMonth() + 1;
day = date.getDate();
// 改变月份和日期为两位
month = month + "";
day = day + "";
if(month.length == 1) month = "0" + month;
if(day.length == 1) day = "0" + day;
datestr = year+"-"+month+"-"+day;
// 用法:arrowtag('表单名', '日期字符串', '表单域长度');
arrowtag("beginDate",datestr,12);
</SCRIPT>

结束日期:
<SCRIPT language="JavaScript">
date = new Date();
year = date.getYear();
month = date.getMonth() + 1;
day = date.getDate();
// 改变月份和日期为两位
month = month + "";
day = day + "";
if(month.length == 1) month = "0" + month;
if(day.length == 1) day = "0" + day;
datestr = year+"-"+month+"-"+day;
// 用法:arrowtag('表单名', '日期字符串', '表单域长度');
arrowtag("endDate",datestr,12);
</SCRIPT>
<br/>
 <input type=submit>
</form>

 

 

ping网络不稳定 ping网络不稳定
原创粉丝点击
热门IT博客
网络暴力事例袁姗姗网络暴力事例袁姗姗
python list长度python list长度
linux服务器抓包
网络著作权侵权案例
c语言和易语言vb
域名随机生成
mac上画流程图的工具
万方数据库是免费的吗
java计算闰年
mac版ai的zh cn汉化包
伯罗奔尼撒战争史 知乎
steam饥荒服务器linux
温州炒房团历史知乎
初学者网页制作软件
淘宝新店信誉提升
播求水平怎么样 知乎
英文简历怎么写 知乎
淘宝现在卖什么最火
python pyparsing
恒大淘宝股票代码
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 我能复制万界 火洞 火云洞 火云盗 火云传奇 火云歌 火云邪神扮演者 火云传奇国语高清 火云邪神拖鞋 江西风火传媒好吗 软体虫 火体虫 猫体内外驱虫多少钱2018 火元素 1987年的兔是什么命 全职炫斗火兔版本 火兔搞怪相机下载 火局是什么字 会火组个局在哪个软件上看 火刑 初音未来为什么这么火 火初音 以火制木指什么动物 以火制木的意思 火刺木 1万火力多少钱 火力全开1下载 1火力等于多少钱 美漫大火力修仙 边城老罗1 火力全开破解版 火力全开下载 火力全开开放城市破解版 火力全开之开放城市2汉化破解 火力全开之开放城市2破解版 火力全开开放城市2破解版 火力全开2下载 火力全开2破解版 火力全开2中文版 2万火力多少钱 火力全开2城市狂热破解版 火力全开2城市狂热下载 星际战甲致命火力

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里