JAVASCRIPT 比较日期大小与验证日格式--CTO

最新推荐文章于 2024-11-13 15:29:17 发布

ctojxzsycztao

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量3.2k

点赞数

分类专栏： JavaScript/CSS 文章标签： javascript 正则表达式 date

本文链接：https://blog.csdn.net/ctojxzsycztao/article/details/2890993

版权

JavaScript/CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>比较日期大小</title>
    </head>
<script language="javascript">
   function starts() {
    //最大日期
    var maxDate = document.getElementById("maxDate").value;
    //最小日期
    var minDate = document.getElementById("minDate").value;
    if maxDate != "" && minDate != "") {
        //验证日期格式正则表达式,格式为 yyyy-MM-dd
        var reg = /^(/d{4})-(/d{2})-(/d{2})$/;
        //校验日期格式
        if (!reg.test(maxDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
            alert("最大日期格式错误,格式应为yyyy-MM-dd");
            return false;
        }
        //校验日期格式
        if (!reg.test(minDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
            alert("最小日期格式错误,格式应为yyyy-MM-dd");
            return false;
        }
        // 用 - 分隔符将日期分开
        var maxDateSplit = maxDate.split("-");
        var minDateSplit = minDate.split("-");
        // 创建 Date 对象
        var maxDateValue = new Date(maxDateSplit[0], maxDateSplit[1], maxDateSplit[2]);
        var minDateValue = new Date(minDateSplit[0], minDateSplit[1], minDateSplit[2]);
        if (minDate >= maxDate) {
            alert("你输入的最小日期大于或等于了最大日期!!!");
            return false;
        }
    }else{
        alert("请输入最大或最小日期!!!");
        return false;
    }
    return true;
  }
</script>
<body bgcolor="EFF7FC">
    <center>
        <table>
            <tr>
                <td>最大日期:</td>
                <td><input type="text" onclick="WdatePicker();" name="maxDate"/></td>
            </tr>
            <tr>
                <td>最小日期:</td>
                <td><input type="text" onclick="WdatePicker();" name="minDate"/></td>
            </tr>
            <tr>
                <td colspan="2"><a href="#" onclick="starts();">start test</a></td>
            </tr>
        </table>
    </center>
</body>
</html>
 