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

  • 相关阅读:
    Hibernate 中 简便proxool连接池配置
    卸载oracle删除注册表脚本
    hibernate的@EmbeddedId嵌入式主键详解
    Activiti工作流学习(三)Activiti工作流与spring集成
    Activiti工作流学习(二)流程实例、执行对象、任务
    Activiti工作流学习(一)部署对象和流程定义
    Enum(枚举类型)的基本应用
    Activiti工作流引擎参考资料
    条形码参考资料
    推荐两款PC健康小软件
  • 原文地址:https://www.cnblogs.com/simpledev/p/3851267.html
Copyright © 2011-2022 走看看