1、html

html程式碼

<tr><td width="20%"  align="left"><font color="red">*</font>開始時間：</td>
<td onclick="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  onclick="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="" onclick="travelSave()">//當儲存時觸發方法

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;
    }
}