JS中验证开始时间和结束时间

最新推荐文章于 2024-07-20 11:37:30 发布

ldcaws

最新推荐文章于 2024-07-20 11:37:30 发布

阅读量4.1k

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/leijie0322/article/details/60591561

版权

JavaWeb 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、html

html代码

<tr><td width="20%"  align="left"><font color="red">*</font>开始时间：</td>
<td οnclick="javascript:getRowExp(this.parentNode.rowIndex);"><input type="text" readonly="readonly" name="travelStartDate" id="travelStartDate" value="" class="inp" title="单击选择，双击清空" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"  onDblClick="this.value=""" style="text-align:center;" /></td>
<td width="20%"  align="left"><font color="red">*</font>结束时间：</td>
<td  οnclick="javascript:getRowExp(this.parentNode.rowIndex);"><input type="text" readonly="readonly" name="travelEndDate" id="travelEndDate" value="" class="inp" title="单击选择，双击清空" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"  onDblClick="this.value=""" style="text-align:center;" /></td>
</tr>

<input type="button" name="" title="保存"  class="btnSave" value="" οnclick="travelSave()">//当保存时触发方法

2、js

js代码

function travelSave(){
	if(checkValue()){//触发方法
	var resturl = "<%=request.getContextPath() %>/rest/zhswtravel/saveTravel";
	$.ajax({
	    url:resturl,
	  data:{travelId:$("input[name=travelId]").val(),
		  travelPersonId:$("input[name=travelPersonId]").val(),
		  travelPerson: $("input[name=travelPerson]").val(),
		  travelDeptId:$("input[name=travelDeptId]").val(),
		  travelDeptName: $("input[name=travelDeptName]").val(),
		  travelAddr: $("input[name=travelAddr]").val(),
		  travelReason:$("textarea[name=travelReason]").val(),
		  ticketInfo:$("textarea[name=ticketInfo]").val(),
		  travelStartDate: $("input[name=travelStartDate]").val(),
		  travelEndDate: $("input[name=travelEndDate]").val(),
		  travelTypeId:$("select[name=travelType]").val(),
		  travelType:  $('#travelType option:selected').text(),
		  common:$("textarea[name=common]").val(),
		  travelState:$("input[name=travelState]").val(),
		  travelNodeNum:$("input[name=travelNodeNum]").val()
	  },
	    type:"post",
	    async:false,
	        dataType:'json',
	        success:function(e){
	        	if(e.success==true){
	        	  msgbox('提示','保存成功！','',null,0,'true');
	        	//  alert(e.result);
	        	  $("input[name=travelId]").val(e.result);
	        		//init(e.result);
	        	}
	        	if(e.success==false){
	        		 //  msgbox('提示','操作失败!','',null,0,'error');
	        	}
	},
	   error:function(e){
		   msgbox('提示','操作失败!','',null,0,'error');
	   }

	});
		
	}
}

function checkValue(){
	
	
	if($("textarea[name=leaveReason]").val().length>100){
		msgbox('提示','请假原因不能超过50个字，请重新输入！','',null,0,'Warning');
		$("textarea[name=leaveReason]").focus();
		return false;
	}
	if($("input[name=startDate]").val()==""){
		msgbox('提示','开始时间不能为空，请重新输入！','',null,0,'Warning');
		//$("input[name=startDate]").focus();
		return false;
	}
	if($("input[name=endDate]").val()==""){
		msgbox('提示','结束时间不能为空，请重新输入！','',null,0,'Warning');
		//$("input[name=endDate]").focus();
		return false;
	}
	if($("input[name=endDate]").val()<$("input[name=startDate]").val()){
		msgbox('提示','结束时间不能小于开始时间！','',null,0,'Warning');
		//$("input[name=endDate]").focus();
		return false;
	}
	if(!checkDate()){ //或触发此方法 
        return false;  
     }  
	
	return true;
}

//检测开始时间是否小于结束时间，且开始时间大于当前时间
function checkDate() {
    var nowDate = new Date();
    var startDate = new Date((travelStartDate).value.replace(/-/g,"/"));  
    var endDate = new Date((travelEndDate).value.replace(/-/g,"/"));
    //if(startDate > nowDate && startDate <= endDate)
    if(startDate <= endDate){
    	return true;
    }
    else{
	//alert("请确认开始时间大于当前时间及开始时间小于等于结束时间！");
	msgbox('提示','结束时间不能小于开始时间！','',null,0,'Warning');
	return false;
    }
}