JS中怎样比较两个时分格式的时间大小

场景

在前端页面中有两个时间选择器，要添加限制，开始时间不能大于或者等于结束时间。

 

获取到两个时间的格式为字符串"07:00"和"07:30"

 

注：

​​ 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。

实现

首先声明一个函数用来比较大小

CompareDate:function (t1,t2) { var date = new Date(); var a = t1.split(":"); var b = t2.split(":"); return date.setHours(a[0],a[1]) < date.setHours(b[0],b[1]); },

这里是vue页面，所以声明函数的格式如上。

返回结构如果t1<t2则返回true

所以在对应的位置调用

if(!(this.CompareDate(bcxiangxi.dkkssj,bcxiangxi.dkjssj))) { isNormal = false; }