java Html&JavaScript面试题:判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式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面试题:判断第二个日期比第一个日期大的更多相关文章
- js判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用JAV ...
- java Html&JavaScript面试题:HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?
提交的验证方法(通过单个字符比较): <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...
- java Html&JavaScript面试题:用table显示n条记录,每3行换一次颜色,即1,2,3用红色字体,4,5,6用绿色字体,7,8,9用红颜色字体。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 【Java面试题系列】:Java基础知识常见面试题汇总 第二篇
文中面试题从茫茫网海中精心筛选,如有错误,欢迎指正! 第一篇链接:[Java面试题系列]:Java基础知识常见面试题汇总 第一篇 1.JDK,JRE,JVM三者之间的联系和区别 你是否考虑过我们写的x ...
- Java例题_26 请输入星期几的第一个字母来判断一下是星期几,如果第一个字母一样,则继续 判断第二个字母。
1 /*26 [程序 26 求星期] 2 题目:请输入星期几的第一个字母来判断一下是星期几,如果第一个字母一样,则继续 判断第二个字母. 3 程序分析:用情况语句比较好,如果第一个字母一样,则判断用情 ...
- 互联网公司前端初级Javascript面试题
互联网公司前端初级Javascript面试题 1.JavaScript是一门什么样的语言,它有哪些特点?(简述javascript语言的特点)JavaScript是一种基于对象(Object)和事件驱 ...
- 北京一家JAVA开发公司面试题(留给后人)
1.jsp有哪些内置对象?作用分别是什么? 2.描述一下servlet的生命周期和基本架构. 3.多线程有几种实现方法,都是什么? 同步有几种实现方法,都是什么? 4.作用域public priv ...
- java技术面试之面试题大全
转载自:http://blog.csdn.net/lijizhi19950123/article/details/77679489 Java 面试知识点总结 本篇文章会对面试中常遇到的Java技术点进 ...
- 你应该知道的25道Javascript面试题
题目来自 25 Essential JavaScript Interview Questions.闲来无事,正好切一下. 一 What is a potential pitfall with usin ...
随机推荐
- Vue里的nextTick方法
官方解释: 在下次 DOM 更新循环结束之后执行延迟回调.在修改数据之后立即使用这个方法,获取更新后的 DOM. 自己总结: `Vue.nextTick(callback)`,当数据发生变化,更新后执 ...
- React的核心概念
1.JSX的语法(javascript和XML结合的语法) 2.元素渲染(页面渲染) 3.组件 创建组件和组件之间传参 4.props属性 是父元素(父组件传递给子组件的值)和state状态(子组件自 ...
- 位运算实现四则运算(C++实现)
前言 Leetcode中有一道这样的题:给定两个整数,被除数 dividend 和除数 divisor.将两数相除,要求不使用乘法.除法和 mod 运算符.返回被除数 dividend 除以除数 di ...
- sysbench压力测试总结
sysbench压力测试工具简介sysbench是一个开源的.模块化的.跨平台的多线程性能测试工具,可以用来进行CPU.内存.磁盘I/O.线程.数据库的性能测试.目前支持的数据库有MySQL.Orac ...
- ThrowableUtil
public class ThrowableUtil { public static Throwable getDeepestCause(final Throwable throwable) { in ...
- 一、 Spring IOC 简介
一 . 什么是IOC(Inversion of Control) IOC :控制反转,也称为依赖注入(DI).听起来有点云里雾里,他到底是个啥,为什么Spirng中最基础的就是它? 我们的项目其实都是 ...
- java8 peek
这样不会有任何的输出:Stream.of("one", "two", "three", "four").peek(e - ...
- 在java.ext.dirs中使用环境变量导致crontab执行不成功的问题及解决
在java.ext.dirs中使用环境变量导致crontab执行不成功的问题及解决 Table of Contents 1. java.ext.dirs的使用和环境变量 2. 问题:在crontab中 ...
- defer=“defer”和async=“async”
<script type="text/javascript" src="demo_defer.js" defer="defer"> ...
- 运用CSS3媒体查询判断iPhoneX、iPhoneXR、iPhoneXS MAX及横竖屏
//iphoneX.iphoneXs @media only screen and (device-width: 375px) and (device-height: 812px) and (-web ...