多语言展示
当前在线:1488今日阅读:60今日分享:41

js学习分享:[3]js比较日期大小?

上一篇,我们介绍了《js 怎么把时间、日期格式化?》成我们想要的格式,今天我们介绍一下怎么js比较日期大小? js是怎么做的呢?
工具/原料
1

电脑(win8操作系统)

2

谷歌浏览器 版本:40.0.2214.93 m

3

VS2012开发工具

方法/步骤
1

那么我们先在网页上面放两个日期输入框,一个按钮,点击这个按钮的时候,我们来比较输入框内输入的日期的大小,创建输入框和点击按钮的HTML代码如下:    js比较日期大小    时间1:

    时间2:

    网页效果如图:

2

我在按钮上面绑定一个js单击事件,单击按钮后我们会调用compareDate()函数对输入的日期格式进行大小比较,定义函数和按钮添加点击事件的html代码如下:        js比较日期大小        date1:
   
    date2:
   
   

3

我们已经完成了准备工作,剩下就可以进行测试了,这里我们测试的是必须满足yyyy-mm-dd日期格式。日期1大小日期2,测试结果如图:

4

我们已经完成了准备工作,剩下就可以进行测试了,这里我们测试的是必须满足yyyy-mm-dd日期格式。日期1等于日期2,测试结果如图:

5

我们已经完成了准备工作,剩下就可以进行测试了,这里我们测试的是必须满足yyyy-mm-dd日期格式。日期1大于日期2,测试结果如图:

6

在这里,对function compareDate()这个函数中个做一下说明:在做相等比较的时候的,date1和date2看上去是一样的,但是运行 date1 == date2 返回的却是false。这是因为date1、date2都是对象,类型为引用类型,所以如果需要比较他们,需要去比较他们的字面量值,而不是单纯的用 == 来比较。代码中做相等比较也可以这样写:if(newDate1.getTime() == newDate2.getTime()){      //下一步操作}希望大家注意一下。

推荐信息