首页 > 代码库 > mydate97时间控件最大值最小值限制及Javascript日期判断大小

mydate97时间控件最大值最小值限制及Javascript日期判断大小

2024-07-12 13:20:45   220人阅读

<script language="javascript" type="text/javascript" src="http://www.mamicode.com/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, "\/")是根据验证表达式把日期转化成长日期格式


联系
我们