<script language="javascript" type="text/javascript" src="<%=basePath %>js/datePicker/WdatePicker.js"></script>
<form id="searchForm" action="trans/triplist" method="post" onsubmit="return checkForm();"> <input type="hidden" name="orderNo" value="${trip.orderNo }"> <input type="hidden" name="hwDeviceId" value="${trip.hwDeviceId }"> <table> <tr> <td>行车时间 从</td><td><input id="startTime" name="startTime" type="text" style=" 160px;" value="${startTime}" readonly="readonly" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen',maxDate:'${trip.revertTimeStr }',minDate:'${trip.rentTimeStr }'})" /></td> <td>到</td><td><input id="endTime" name="endTime" type="text" style=" 160px;" value="${endTime}" readonly="readonly" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen',maxDate:'${trip.revertTimeStr }',minDate:'${trip.rentTimeStr }'})"/></td> <td><input type="submit" name="buttonEvent" value="查询"> </td> </tr> </table> </form>
注意:onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen',maxDate:'${trip.revertTimeStr }',minDate:'${trip.rentTimeStr }'})"
dateFmt表示日期格式含时分秒,skin皮肤,maxDate最大时间(字符串格式: 2014-7-17 15:45:00),minDate最小时间(字符串格式: 2014-7-21 15:45:00)
js验证方法:
function checkForm(){ var flag = false; $("#searchForm input[type='text']").each(function(){ if($(this).val()=='') { layer.alert("请选择行车时间!",5); flag = true; } }); if(flag){ return false; }else{ //alert("startTime:" + $("#startTime").val()); //alert("endTime:" + $("#endTime").val()); var sDate = new Date($("#startTime").val().replace(/-/g, "/")); var eDate = new Date($("#endTime").val().replace(/-/g, "/")); //alert("sDate:"+sDate); //alert("eDate:"+eDate); //alert("比较:" + (sDate > eDate)); if(sDate > eDate) { layer.alert("结束日期不能小于开始日期!",5); return false; }else{ return true; } } }
注意:得到日期值并转化成日期格式,replace(/-/g, "/")是根据验证表达式把日期转化成长日期格式