mydate97时间控件最大值最小值限制及Javascript日期判断大小
2024-10-19 13:03:43
<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="width: 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="width: 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, "\/")是根据验证表达式把日期转化成长日期格式
最新文章
- VS2015中SharedProject与可移植类库(PCL)项目
- Hibernate 二级缓存的配置及使用_EhCache
- jquery 常用方法
- JS事件冒泡
- Oracle 10g安装64位图解流程
- 优化studio的速度
- swift3.0 中NSNotification 的使用
- Java事件总线
- UVa 1643 Angle and Squares
- BootStrap-table 客户端分页和服务端分页的区别
- Beego学习笔记——开始
- Task Cancellation: Parallel Programming
- [bzoj1497][NOI2006]最大获利_网络流_最小割
- Mysql性能优化之覆盖索引
- Postman应用笔记
- one list to muti list
- Redis的过期策略和内存淘汰策略
- c++中vector类的用法
- Python入门基础之循环
- oracle 各个版本下载地址