页面2个时间选择器和相应的为空校验

ZhengMingwei

浏览: 135632 次
性别:
来自: 北京

最近访客更多访客>>

lesliehanhan

xubukang

just_wuwei

nianqs

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript CSS Servlet UP HTML

document.write('<iframe style="position:absolute;width:206px;display:none;" name="divCalendar" id="divCalendar" frameborder="0" scrolling="no"></iframe>')

/*头部信息CSS及JS函数*/
var HeadMsg='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'+
'<html xmlns="http://www.w3.org/1999/xhtml">'+
'<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css"></style><scr'+
'ipt language="JavaScript">var mdown,sy,ey,sm,em,HideSelect=1,CurrentSelect,year,month,day;function Scroll(str,key)'+
'{var Html="",s,e,obj,d;'+
'if(key=="Y"){s=sy;e=ey;obj="SelectYearItem";d="年";}if(key=="M"){s=sm;e=em;obj="SelectMonthItem";d="";}'+
'if(str=="Up"){s--;e--;}if(str=="Next"){s++;e++;}'+
'if(key=="Y"){sy=s;ey=e;}if(key=="M"){if(s<1)s=1;if(s>6)s=6;if(e<7)e=7;if(e>12)e=12;sm=s;em=e;}'+
'for(i=s;i<=e;i++){Html+=\'<a href="javascript:;" onclick="parent.Calendar_Modif(\';Html+=(key=="M")?year+\',\'+i+\',\'+day+\');">\'+parent.MonthText[i]:i+\',\'+month+\',\'+day+\');">\'+i;Html+=d+"</a>";}'+
'document.getElementById(obj).innerHTML=Html;}'+
'function KeyDown(str){if(str==38){Scroll("Up",CurrentSelect);}if(str==40){Scroll("Next",CurrentSelect);}}'+
'function ShowSelect(str,str2){HideSelect=0;HSelect();Scroll(\'\',str2);document.getElementById(str).style.display="block";CurrentSelect=str2}'+
'function HSelect(){document.getElementById("SelectYear").style.display="none";document.getElementById("SelectMonth").style.display="none";}'+
'function Calendar_GetDate(y,m,d)'+
'{var objEvent=window.event||arguments.callee.caller.arguments[0];'+
'var srcElement=objEvent.srcElement;'+
'if(!srcElement){srcElement=objEvent.target;}'+
'if(srcElement.tagName=="A"){parent.Calendar_GetDate(y,m,srcElement.innerHTML);}}'+
'document.onclick=function(){if(HideSelect){HSelect();}HideSelect=1;}</scr'+
'ipt><body onkeydown="KeyDown(event.keyCode);">'+
'<div id="SelectYear" style="left:31px;" onclick="ShowSelect(\'SelectYear\',\'Y\');"><div id="Select"><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Up\\\',\\\'Y\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-bottom:1px solid #5563B0;"><font face="Webdings">5</font></a><div id="SelectYearItem">'+
'</div><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Next\\\',\\\'Y\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-top:1px solid #5563B0;"><font face="Webdings">6</font></a></div></div>'+
'<div id="SelectMonth" style="left:99px;" onclick="ShowSelect(\'SelectMonth\',\'M\');"><div id="Select"><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Up\\\',\\\'M\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-bottom:1px solid #5563B0;"><font face="Webdings">5</font></a><div id="SelectMonthItem">'+
'</div><a href="javascript:;" onmousedown="mdown=window.setInterval(\'Scroll(\\\'Next\\\',\\\'M\\\')\',50);" onmouseup="window.clearInterval(mdown);" onmouseout="window.clearInterval(mdown);" id="SelectBn" style="border-top:1px solid #5563B0;"><font face="Webdings">6</font></a></div></div>';

//层定位
var Calendar=document.getElementById('divCalendar');

Calendar.style.height=66+21*Trn+'px'; //框架高度

divCalendar.document.open()
divCalendar.document.write(HeadMsg+content);
divCalendar.document.close()

var p=Calendar_obj;
var eT=0,eL=0,eH=0,dH=0,sT=0,eP=p
while(p && p.tagName!="BODY"){
eT+=p.offsetTop; //距窗口顶部距离
eL+=p.offsetLeft; //距窗口左边距离
p=p.offsetParent;}
var eH=eP.offsetHeight; //输入框高度
var eW=eP.offsetWidth; //输入框宽度
var dH=Calendar.style.pixelHeight; //框架高度

Calendar.style.top=(eT+dH>document.body.scrollHeight && eT-dH>=0)?eT-dH+'px':eT+eH+'px';
Calendar.style.left=(eL+206>document.body.scrollWidth && eL-206+eW>=0)?eL-206+eW+'px':eL+'px';
setTimeout("document.getElementById('divCalendar').style.display=''",1);

}

/*是否润年*/
function IsLeapYear(y){
if(0==y%4 && ((y%100!=0)||(y%400==0))){return true;}
else{return false;}
}

function Calendar_Modif(y,m,d)
{
if(m<1){m=12;y=y-1;}
if(m>12){m=1;y=y+1;}
var num=(IsLeapYear(y) && m==2)?MonthDNum[m]+1:MonthDNum[m];
if(d>num){d=num;}
Calendar_Show(y,m,d)
}

function Calendar(obj,obj2)
{

var p=Calendar_obj=document.getElementById(obj);
Calendar_obj2=document.getElementById(obj2);

function Calendar_GetDate(y,m,d)
{

m=parseInt(m)<10 ? '0'+m:m; //加显示月03月
d=parseInt(d)<10 ? '0'+d:d;//加显示日03日

if(!Calendar_obj2||d!=0){
if(d>0){Calendar_obj.value=y+'-'+m+'-'+d;}
else{
var objEvent=divCalendar.event||arguments.callee.caller.arguments[0];
var srcElement=objEvent.srcElement;
if(!srcElement){srcElement=objEvent.target;}
Calendar_obj.value=y+'-'+m+'-'+srcElement.innerHTML;
}
}
else{
if(IsLeapYear(y) && m==2){num=MonthDNum[m]+1;}
else{num=MonthDNum[m];}
Calendar_obj.value=y+'-'+m+'-1';
Calendar_obj2.value=y+'-'+m+'-'+num;
}

Calendar_hide();}

function Calendar_hide()
{document.getElementById("divCalendar").style.display="none";}

document.onclick=Calendar_hide;

function check1(){
    //var date1=document.getElementById("sDate1").value;
    //var date2=document.getElementById("sDate2").value;
    if(form1.sDate1.value=="" && !form1.sDate2.value==""){
       alert("请选择<开始时间>");
       return false;
    }
   if(!form1.sDate1.value=="" && form1.sDate2.value==""){
       alert("请选择<截至时间>");
       return false;
    }

   if(form1.sDate1.value=="" && form1.sDate2.value==""){
       alert("请选择<开始时间>和<截至时间>,本次查询为本月报表情况");
       //form1.action.value="servlet/BuLoginSelectServlet";
       //alert("测试qqq");
       //alert("测试111qqq");
       //location.href="servlet/BuLoginSelectServlet";
       //window.open("servlet/BuLoginSelectServlet");
       return true;
    }
        if(!form1.sDate1.value==""&& !form1.sDate2.value==""){
            var strJHRQ=form1.sDate1.value; //开始时间
            var strJHWCSJ=form1.sDate2.value; //截止时间
            // return false;
            var arrJHRQ=strJHRQ.split('-'); //转成成数组，分别为年，月，日，下同
            var arrJHWCSJ=strJHWCSJ.split('-');
            var dateJHRQ=new Date(parseInt(arrJHRQ[0]),parseInt(arrJHRQ[1])-1,parseInt(arrJHRQ[2]),0,0,0); //新建日期对象
            var dateJHWCSJ=new Date(parseInt(arrJHWCSJ[0]),parseInt(arrJHWCSJ[1])-1,parseInt(arrJHWCSJ[2]),0,0,0);

            if (dateJHRQ>dateJHWCSJ) {
                alert('<截止时间>不能小于<开始时间>');
                return false;
            }
    }
}

</script>
</head>
<body>
<form name="form1" id="myform" method="post" action="servlet/BuLoginSelectBydayServlet">
   <fieldset>
         开始时间<input type="text" name="sDate1" id="sDate1" value="" size="10" onClick="return Calendar('sDate1','sDate2');" />    
         截止时间<input type="text" name="sDate2" id="sDate2" value="" size="10" onClick="return Calendar('sDate2');" />

<input type="submit" value="按日期时间段查询" name="Submit" onClick="return check1()">
</fieldset>
</form>

自己可以看看，拷进jsp 中运行就知道了！

分享到：