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

场景

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

 

 

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

 

 

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

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

     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;
                }