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禁止页面操作的示例代码
Dec 17 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
微信小程序如何再次获取用户授权的方法
May 10 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
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
php结合飞信 免费天气预报短信
2009/05/07 PHP
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
PHP5.5在windows安装使用memcached服务端的方法
2014/04/16 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
IE无法设置短域名下Cookie
2010/09/23 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
底部悬浮通栏可以关闭广告位的实现方法
2016/06/01 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
[52:27]2018DOTA2亚洲邀请赛 3.31 小组赛B组 paiN vs Secret
2018/04/01 DOTA
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
简述Python中的进程、线程、协程
2016/03/18 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
python+OpenCV实现图像拼接
2020/03/05 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
高三高考决心书
2014/03/11 职场文书
党员十八大心得体会
2014/09/12 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
2014年班务工作总结
2014/12/02 职场文书
保管员岗位职责
2015/02/14 职场文书
安全保证书怎么写
2015/02/28 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript