zoukankan      html  css  js  c++  java
  • mydate97时间控件最大值最小值限制及Javascript日期判断大小

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

  • 相关阅读:
    css盒子模型之内边距padding及简写
    css盒子模型之宽度和高度
    windows 组策略
    windows 快捷键
    cmd 命令快捷键
    django 远程访问
    django 部署在 apache2 上面
    国内常用开源镜像站
    ubuntu1804自带官方源
    ubuntu1604 apt华为国内源
  • 原文地址:https://www.cnblogs.com/simpledev/p/3851267.html
Copyright © 2011-2022 走看看