如何比较JS中两个时分格式的时长大小？

本文共计292个文字，预计阅读时间需要2分钟。

场景+在前端页面中有两个时间选择器，需要添加限制，开始时间不能大于或等于结束时间。+获取到两个时间的格式为字符串07:00和07:30。+注意：+关注公众号+程序的名称+获取编程“

场景

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

获取到两个时间的格式为字符串"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; }