jeDate日期控件的验证

简介: jeDate日期控件的验证

前面用到了jeDate日期控件的使用,https://www.jianshu.com/p/393d9e992144,在这个控件的基础上,做出一些完善:关于jeDate日期控件的验证的问题:

一般会有三种情况:

1:对开始时间的验证,开始时间不能超过当前日期:

2:对结束时间的验证,结束时间不能超过当前日期:

3:开始时间和结束时间的区间验证

    // 验证年月
    function validate(numb) {
        if ($("#beginDate").val() == '') {
            layer.alert('开始日期不可为空', {
                icon : 3
            });
            return true;
        }
        if (diffDate($("#beginDate").val()) == 0) {
            layer.alert('开始日期不能超过当前日期', {
                icon : 3
            });
            return true;
        }
        if ($("#endDate").val() == '') {
            layer.alert('结束日期不可为空', {
                icon : 3
            });
            return true;
        }
        if (diffDate($("#endDate").val()) == 0) {
            layer.alert('结束日期不能超过当前日期', {
                icon : 3
            });
            return true;
        }
        if (validateDate($("#beginDate").val(), $("#endDate").val())) {
            layer.alert('结束日期不得小于开始日期', {
                icon : 3
            });
            return true;
        }
        return false;
    }
    // 验证选中日期是否超过今天
    function diffDate(evalue) {
        var date=new Date(Date.parse(evalue.replace(/-/g,"/")));
        if (new Date() > date) {
            return 1;
        }
        return 0;
    }
    // 验证结束日期大于开始日期
    function validateDate(beginTime, endTime) {
        var bd = new Date(Date.parse(beginTime));
        var ed = new Date(Date.parse(endTime));
        return bd > ed;
    }
相关文章
|
6月前
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
36 0
表单项validator的校验tip未撑起高度,导致遮盖下边项的内容
|
6月前
|
前端开发 算法 安全
轻松愉悦的验证方式:实现图片旋转验证功能
轻松愉悦的验证方式:实现图片旋转验证功能
186 0
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
提交表单与验证表单案例
提交表单与验证表单案例
54 0
|
2月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`<select>` 和 `<option>`)、文本域(`<textarea>`)、标签解释(`<label>`)、各类按钮(`<button>`)及表单重置功能、无语义布局标签(`<div>` 和 `<span>`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
3月前
ElementUI——表单使用自定义验证导致无法提交
ElementUI——表单使用自定义验证导致无法提交
28 2
|
5月前
|
Java
大事件项目07-登录页面_标签准备和检验_跳转页面
大事件项目07-登录页面_标签准备和检验_跳转页面
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
|
6月前
|
前端开发 数据安全/隐私保护
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
【sgPasswordInput】自定义组件:带前端校验密码强度的密码输入框,能够提供密码强度颜色提示和文字提示
|
JavaScript
layUI日期控件无效、一闪而过的解决方案
layUI日期控件无效、一闪而过的解决方案
200 0
|
前端开发
Layui表单必填项自动打红色*号
Layui表单必填项自动打红色*号
353 0