如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式，并且是时间，比如说月份不大于12等等，另外我需要用户输入两个，并且后一个要比前一个晚，只允许用JAVASCRIPT，请详细帮助作答，

提示：可用正则表达式提前判断一下格式，然后提取各时间字段内容

完成方法：

首先要在Eclipse中配置apache的tomcat服务器，能够测试网页内容

再Eclipse中创建 dynamic web project项目

项目中创建一个html文件index.html

其中实现日期格式的判定，使用的是正则表达式 /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/

/ ... / 表示js中的字符串开始，相当于java中的 “”

^ 表示正则开始 以\d{4}开始 表示以4个数字开头

- 表示其本身 -

(0?[1-9]|1[0-2])  0?表示有0个或1个0      [1-9]表示1到9中的某个数          | 表示或者 \d表示一个数字    3[0-1]表示30或31

index.html代码如下，当中包含js脚本 窗口载入即调入此脚本，点击submit即调用相应函数

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

    <script type="text/javascript">

        window.onload=function(){

            alert("窗口载入..");

            document.getElementById("form1").onsubmit=function(){//此处通过id找到网页元素，该网页元素提交即调用函数

                alert("点击提交即调用函数......");

                var d1=this.d1.value;                            //此处通过id和name都可以找到

                var d2=this.d2.value;

                if(!verifyDate(d1)){

                    alert("核实结果，第一个日期格式不对");

                    return false;

                }

                if(!verifyDate(d2)){

                    alert("核实结果，第二个日期格式不对");

                    return false;

                }

                if(compareDate(d1,d2)){

                    alert("第二个日期大于第一个");

                    return false;

                }else{

                    alert("第二个日期小于第一个");

                    return false;

                }

            };

        }

        function verifyDate(d){

            var datePattern=/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

            return datePattern.test(d);

        }

        function compareDate(d1,d2){

            var arrayD1=d1.split("-");

            var arrayD2=d2.split("-");

            var date1=new Date(arrayD1[0],arrayD1[1],arrayD1[2]);

            var date2=new Date(arrayD2[0],arrayD2[1],arrayD2[2]);

            if(date2>date1){

                return true;

            }else{

                return false;

            }

        }

    </script>

</head>

<body>

    JavaScript

    <form action="index.html" id="form1">

        <input type="text" id="d1"> <input type="text" id="d2">

        <input type="submit">

    </form>

</body>

</html>

java Html&JavaScript面试题：判断第二个日期比第一个日期大的更多相关文章

  1. js判断第二个日期比第一个日期大

    如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用JAV ...

  2. java Html&JavaScript面试题：HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

    提交的验证方法(通过单个字符比较): <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...

  3. java Html&JavaScript面试题：用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. 【Java面试题系列】：Java基础知识常见面试题汇总 第二篇

    文中面试题从茫茫网海中精心筛选,如有错误,欢迎指正! 第一篇链接:[Java面试题系列]:Java基础知识常见面试题汇总 第一篇 1.JDK,JRE,JVM三者之间的联系和区别 你是否考虑过我们写的x ...

  5. Java例题_26 请输入星期几的第一个字母来判断一下是星期几，如果第一个字母一样，则继续 判断第二个字母。

    1 /*26 [程序 26 求星期] 2 题目:请输入星期几的第一个字母来判断一下是星期几,如果第一个字母一样,则继续 判断第二个字母. 3 程序分析:用情况语句比较好,如果第一个字母一样,则判断用情 ...

  6. 互联网公司前端初级Javascript面试题

    互联网公司前端初级Javascript面试题 1.JavaScript是一门什么样的语言,它有哪些特点?(简述javascript语言的特点)JavaScript是一种基于对象(Object)和事件驱 ...

  7. 北京一家JAVA开发公司面试题(留给后人)

    1.jsp有哪些内置对象?作用分别是什么? 2.描述一下servlet的生命周期和基本架构. 3.多线程有几种实现方法,都是什么? 同步有几种实现方法,都是什么? 4.作用域public   priv ...

  8. java技术面试之面试题大全

    转载自:http://blog.csdn.net/lijizhi19950123/article/details/77679489 Java 面试知识点总结 本篇文章会对面试中常遇到的Java技术点进 ...

  9. 你应该知道的25道Javascript面试题

    题目来自 25 Essential JavaScript Interview Questions.闲来无事,正好切一下. 一 What is a potential pitfall with usin ...

随机推荐

  1. MarkDown折叠语法

    1.语法代码 程序员的本质 程序的进阶和优化 1.简化人的操作,更少的代码做更多的事情 2.节省时间效率,在更短的时间内做更多的事情 3.占用内存,占更少的内存做更多的事情 <details&g ...

  2. Vue-multiselect详解（Vue.js选择框解决方案）

    github地址:https://github.com/shentao/vue-multiselect 官网链接:https://vue-multiselect.js.org/#sub-getting ...

  3. 关于Git的一些操作记录

    本文是我的一些记录,不按教学顺序 1.如何添加不上传的文件或文件夹,并且将已经添加到远程库的文件夹删除 操作过程如下: vim .gitignore // 按i进入编辑模式 写入 node_modul ...

  4. mysql CPU占用高

    https://blog.csdn.net/u011239989/article/details/72863333 QPS高,sql简单的场景下, 需要 1. 提高数据库的服务器性能CPU 内存等 2 ...

  5. 非局部均值去噪（NL-means）

    非局部均值(NL-means)是近年来提出的一项新型的去噪技术.该方法充分利用了图像中的冗余信息,在去噪的同时能最大程度地保持图像的细节特征.基本思想是:当前像素的估计值由图像中与它具有相似邻域结构的 ...

  6. 小试OKR一季度之后有感分享，你要不要试试ORK？

    封面 OKR已经在国内热火朝天有一阵子了,为了适当的赶时髦,从年初开始团队内部小范围使用ORK模式以便测试团队会有什么化学反应.这篇文章打算写写心得感受,供大家围观产考. 老一套先摆一下概念 OKR( ...

  7. ZK数据同步

    整个集群完成Learner选举后,Learner向Leader发起注册,然后进入数据同步环节,即Leader将learner上缺失的事务请求同步给Learner 1). 获取Learner状态 根据L ...

  8. 傻瓜式的go modules的讲解和代码，及gomod能不能引入另一个gomod和gomod的use of internal package xxxx not allowed

    一 国内关于gomod的文章,哪怕是使用了百度 -csdn,依然全是理论,虽然golang的使用者大多是大神但是也有像我这样的的弱鸡是不是? 所以,我就写个傻瓜式教程了. github地址:https ...

  9. java如何调用服务端的WSDL接口

    如何使用http://192.168.0.170:8090/kaoshi?wsdl调用服务端暴露在外面可以使用的接口 1.首先创建调用ws的web项目,就一个普通的web项目就行: 2.通过eclip ...

  10. Docker for mac 安装 kong

    首先安装一个 PostgreSQL,选的版本是 9.5 $ docker run -d --name kong-database \ -p : \ -e "POSTGRES_USER=kon ...