开始日期不能大于结束日期 联动校验

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了开始日期不能大于结束日期 联动校验，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3229字，纯文字阅读大概需要5分钟。

内容图文

1，html

                    <tr>
                        <td align="right">开始日期</td>
                        <td><input class="easyui-datetimebox" name="bb" id="bb"
                                   data-options="required:true,editable:false" style="width:180px"></td>
                    </tr>
                    <tr>
                        <td align="right">结束日期</td>
                        <td><input class="easyui-datetimebox" name="ee" id="ee"
                                   data-options="required:true,readonly:true,editable:false" style="width:180px"></td>
                    </tr>

2，初始化方法

    $(document).ready(function () {
        formatDateTimeBox('bb', 'ee', true)
        formatDateTimeBox('ee', 'bb', false)
    });

3，方法调用

function formatDateTimeBox(sId, eId, flag) {
        $("#xxForm #" + sId).datetimebox({
            formatter: function (date) {
                debugger
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                var h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                var s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                sTime = y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d) + " " + h + ":" + minute + ":" + s;
                sTime = sTime.replaceAll("-", "").replaceAll(" ", "").replaceAll(":", "");
                eTime = $("#xxForm #" + eId).datetimebox("getValue").replaceAll("-", "").replaceAll(" ", "").replaceAll(":", "");
                if (flag == true) {
                    if (parseInt(sTime) > parseInt(eTime)) {
                        $.messager.alert("提示", "开始时间不能大于结束时间!");
                        return "";
                    } else {
                        return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d) + " " + h + ":" + minute + ":" + s;
                    }
                } else {
                    if (parseInt(sTime) < parseInt(eTime)) {
                        $.messager.alert("提示", "开始时间不能大于结束时间!");
                        return "";
                    } else {
                        return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d) + " " + h + ":" + minute + ":" + s;
                    }
                }
            },
            onSelect: function (date) {
                debugger
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                var h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                var s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
                if(sId == 'ee'){
                    debugger
                    var canyuEndDate = y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d);
                    //后去endDate
                    var endDate = $("#xxForm #bb").datebox("getValue");
                    //endDate = endDate.substr(0, 10);
                    // if (dateNumber(canyuEndDate) >= dateNumber(endDate) && dateNumber(endDate) != 0) {
                    var canyuEndDateNum = dateNumber(canyuEndDate);
                    var endDateStr = getNextDate(endDate,0);
                    var endDateNum = dateNumber(endDateStr);
                    if (dateNumber(endDate) != 0 && (canyuEndDateNum != endDateNum)) {
                        $.messager.alert("提示","两数相等");
                        $("#xxForm #ee").datebox("setValue", "")
                        return false;
                    }
                }

                return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d) + " " + h + ":" + minute + ":" + s;
            }
        });
    }

4，工具类方法

    //日期转换
    function dateNumber(param) {
        param = param.replace(/-/g, '');
        param = Number(param);
        return param;
    }

    // date 代表指定的日期，格式：2018-09-27
    // day 传-1表始前一天，传1表始后一天
    // JS获取指定日期的前一天，后一天
    function getNextDate(date, day) {
        var dd = new Date(date);
        dd.setDate(dd.getDate() + day);
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;
        var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();
        return y + "-" + m + "-" + d;
    };

 

内容总结

以上是互联网集市为您收集整理的开始日期不能大于结束日期 联动校验全部内容，希望文章能够帮你解决开始日期不能大于结束日期 联动校验所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---