js关于时间（date）的比较

　　之前在工作上遇到一个问题：使用一些时间插件，如果有俩个时间，要判断结束时间和开始时间的大小？后来就查找了一些资料，这边整理出俩个比较简便的方法。

在这我拿 laydate.js 这个插件来举例：

　　首先是 html 代码，我简单的写了俩个时间框：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9     <style>
10         * {11             list-style: none
12         }
13     </style>
14 </head>
15
16 <body>
17     <ul>
18         <li>
19             <span>开始时间：</span>
20             <input type="text" id="startTime">
21         </li>
22         <li>
23             <span>结束时间：</span>
24             <input type="text" id="endTime">
25         </li>
26         <li>
27             <button id="btn1">确定</button>
28             <button id="btn2">点击</button>
29         </li>
30     </ul>
31 </body>

　　接着引入 laydate.js ，为俩个输入框绑定时间插件，接着我们看第一种比较的方法：

 1 <script src="./laydate/laydate.js"></script>
 2 <script>
 3         laydate.render({
 4             elem: "#startTime"
 5         });
 6         laydate.render({
 7             elem: "#endTime"
 8         });
 9
10         var btn1 = document.getElementById("btn1");
11         btn1.onclick = function() {
12                 var startTime = document.getElementById("startTime").value;
13                 var endTime = document.getElementById("endTime").value;
14
15                 if (startTime > endTime) {
16                     alert("开始日期不能大于结束日期");
17                 }
18             }
19 </script>

　　这种比较方法是做了字符串的比较（因为此插件取到的时间格式是标准的时间格式，所以不用做其他操作）。

　　第二种比较方式相对于第一种，比较容易理解一点：　　

 1 <script src="./laydate/laydate.js"></script>
 2 <script>
 3         laydate.render({
 4             elem: "#startTime"
 5         });
 6         laydate.render({
 7             elem: "#endTime"
 8         });
 9
10         var btn2 = document.getElementById("btn2");
11
12         btn2.onclick = function() {
13             var startTime = document.getElementById("startTime").value;
14             var endTime = document.getElementById("endTime").value;
15
16             if (startTime.length > 0 && endTime.length > 0) {
17                 var startTmp = startTime.split("-");
18                 var endTmp = endTime.split("-");
19                 var sd = new Date(startTmp[0], startTmp[1], startTmp[2]);
20                 var ed = new Date(endTmp[0], endTmp[1], endTmp[2]);
21                 if (sd.getTime() > ed.getTime()) {
22                     alert("开始日期不能大于结束日期");
23                 }
24             }
25         }
26 </script>

转载于:https://www.cnblogs.com/tg666/p/9258705.html

js关于时间（date）的比较相关推荐

js取服务器系统时间,JS中new Date（）用法及获取服务器时间
1.获取服务器时间: var now = new Date($.ajax({async: false}).getResponseHeader("Date")); 2.new Dat ...
JS-9 JS常见内置类；包装类型；Number类方法与实例方法；Math方法；String类常见方法；数组方法(增删改查+遍历+排序)；时间Date 构造函数+获取信息+设置信息+获取Unix时间戳
目录 1_包装类型 2_Number类补充 3_Math对象 4_String类的补充 4.1_基本使用 4.2_修改字符串 4.3_查找.替换字符串开头与结尾 4.4_获取子字符串 4.5_其他方 ...
html fmt转换日期格式,js通用时间格式转换函数
js通用时间格式转换函数 //使用函数的方式进行定义 function dateFormat(fmt,date){ var o = { "M+" : date.getMonth() ...
Json 时间转换为 Javascript 时间 Date Jquery 调用WCF
"/Date(1232035200000)/" 怎么转换成 javascript 的 Date 对象做法:new Date(+/\d+/.exec(value)[1]); val ...
js,java时间处理
1.JS获取时间格式为"yyyy-MM-dd HH:mm:ss"的字符串 function getTimeStr(){var myDate = new Date();var yea ...
js 格式化 java时间格式化_用JavaScript(js)对时间格式化
可以说是Web项目中不可或缺的一个Javascript类库,它可以帮助你快速的解决客户端编程的许多问题,下面贴出一个用js格式化时间的方法. Date.prototype.format=functio ...
Js日期函数-Date方法
Ⅰ- 壹 - Date对象一 Date对象简介日期和时间,在Web应用中随处可见,也必不可少.JS脚本内置了Date对象,该对象为我们提供了一些列操作时间和日期的方法. 1 使用时必须使用new来 ...
JS中 new Date() 各方法的用法
JS中 new Date() 各方法的用法 1.new Date() 参数篇 a.返回类型为国标时间, b.无参数时可以直接返回输出时的时间, c.有参数时则返回对应时间的国标时间, d.日期中间的符 ...
js,jQuery时间与时间戳相互转换
js,jQuery时间与时间戳相互转换一.时间转时间戳 //获取当前时间 var myDate = new Date(); //获取当前时间(从1970.1.1开始的毫秒数,时间戳) myDate. ...
js对时间日期判断今天昨天明天
js对时间日期判断今天昨天明天 let time = function(date) {let time_str = "";if (new Date(date).getDate() ...

js关于时间（date）的比较

js关于时间（date）的比较相关推荐

最新文章

热门文章