JavaScript比较同一天的时间大小实例代码


Posted in Javascript onFebruary 09, 2018

在项目开发的过程中,有时候会遇到同一天内的时间大小比较,一般来说选择时间是通过插件实现的,但并不排除客户要求手动输入的情况。

那么,在应客户要求手动输入时间,并且需要进行时间大小比较的时候该如何实现呢?以下简单介绍我实现的方法步骤:

1.首先,获取用户输入的内容;

2.验证时间格式是否正确;

3.比较两个时间的大小(整理了三种比较时间的方法,详情请查看以下代码);

4.返回结果。

以下为示例代码,仅做参考:

1.获取用户输入的两个时间,并将用户输入的冒号全部替换为半角冒号,方便后续操作;

var bagin = $('.input_three').val().replace(/:/g,':');//将全角冒号替换为半角冒号,替换的目的是为了通过半角冒号分割字符
      var end = $('.input_four').val().replace(/:/g,':');
//     替换字符串中的某个字符:.replace(':',':'):只替换字符串中的第一个全角冒号;.replace(/:/g,':'):替换字符串中的所有的全角冒号
//将时间以冒号分割:以下比较时间大小的方法中会用到
var bagin_ = bagin.split(':');
var end_ = end.split(':');

2.验证时间格式是否正确:

//      正则验证时间格式,正确的时间范围(通过返回时间戳格式,否则返回null)
//     [0-9]在范围内取其一;?是取之前字符的0个或者1个;也可以解释为非贪婪模式;|或者
      var bagin_r = bagin.match(/^([0-1]?[0-9]|2[0-3])(:|:)([0-5][0-9])(:|:)([0-5][0-9])$/);
      var end_r = end.match(/^([0-1]?[0-9]|2[0-3])(:|:)([0-5][0-9])(:|:)([0-5][0-9])$/);
if(bagin_r==null){
  alert("请输入正确的营业时间,00:00:00-23:59:59");
  return false;
}

if(end_r==null){
  alert("请输入正确的截止时间,00:00:00-23:59:59");
  return false;
}

3.比较时间大小:

方法一: 通过时间戳比较时间大小(必须转换为时间戳格式才能够进行大小比较)

if(bagin_r[1]>end_r[1]||bagin_r[1]==end_r[1]&&bagin_r[3]>end_r[3]||bagin_r[1]==end_r[1]&&bagin_r[3]==end_r[3]&&bagin_r[5]>=end_r[5]){
//         alert("开始时间不能大于等于结束时间");
//         return false;
//       }

方法二:分别获取输入时间的时分秒进行判断

if(bagin_[0]>end_[0]||bagin_[0]==end_[0]&&bagin_[1]>end_[1]||bagin_[0]==end_[0]&&bagin_[1]==end_[1]&&bagin_[2]>=end_[2]){
//       alert("开始时间不能大于等于结束时间");
//         return false;
//     }

方法三:通过计算总秒数来比较时间大小

var bagin_time = bagin_[0]*3600 + bagin_[1]*60 + bagin_[2];
      var end_time = end_[0]*3600 + end_[1]*60 + end_[2];
      if(bagin_time >= end_time){
        alert("开始时间不能大于等于结束时间");
          return false;
      }
//       
        else{
         alert("提交成功");
        }

总结

以上所述是小编给大家介绍的JavaScript比较同一天的时间大小实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript入门教程(8) Location地址对象
Jan 31 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
jQuery jcrop插件截图使用方法
Nov 20 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vue2.0.js的多级联动选择器实现方法
Feb 09 #Javascript
使用mint-ui实现省市区三级联动效果的示例代码
Feb 09 #Javascript
vue二级路由设置方法
Feb 09 #Javascript
从零开始搭建一个react项目开发
Feb 09 #Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 #Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 #Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 #Javascript
You might like
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
Laravel搭建后台登录系统步骤详解
2016/07/26 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
SharePoint 客户端对象模型 (一) ECMA Script
2011/05/22 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
webpack入门+react环境配置
2017/02/08 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
Python查找相似单词的方法
2015/03/05 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
python3 requests中使用ip代理池随机生成ip的实例
2018/05/07 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
使用python批量转换文件编码为UTF-8的实现
2020/04/03 Python
python中selenium库的基本使用详解
2020/07/31 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
校园会短篇的广播稿
2014/10/21 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
《刷子李》教学反思
2016/02/20 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书