码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-07-18 09:06:25      阅读:269      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   os   width   

<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, "\/")是根据验证表达式把日期转化成长日期格式

mydate97时间控件最大值最小值限制及Javascript日期判断大小,布布扣,bubuko.com

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

标签:style   blog   java   color   os   width   

原文地址:http://www.cnblogs.com/simpledev/p/3851267.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!