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

js学习分享:[5]js判断日期是否正确有效?

上一篇,我们介绍了 《js验证日期格式 时间格式是否正确?》,这里我们将说一下,怎么用js判断用户输入的日期是不是正确,比如:用户输入2015-02-30,显然这是一个错误的日期,那么js是怎么做判断的呢?
工具/原料
1

电脑(win8操作系统)

2

谷歌浏览器 版本:40.0.2214.93 m

3

VS2012开发工具

方法/步骤
1

那么我们先在网页上面放一个输入框,一个按钮,点击这个按钮的时候,我们来检查输入框内输入的日期是不是正确的日期,创建输入框和点击按钮的HTML代码如下:                输入您要验证的日期:   
   
    (注意:这里的日起必须为:yyyy-mm-dd,yyyy/mm/dd这种格式,如果是2015-1-1则不能正常验证)   
   
    网页效果图如下:

2

我在按钮上面绑定一个js单击事件,单击按钮后我们会调用IsDate()函数对输入的日期格式进行检测,定义函数和按钮添加点击事件的html代码如下:                输入您要验证的日期:   
   
    (注意:这里的日起必须为:yyyy-mm-dd,yyyy/mm/dd这种格式,如果是2015-1-1则不能正常验证)   
   
   

3

我们已经完成了准备工作,剩下就可以进行测试了,这里我们测试的是必须满足yyyy-mm-dd日期格式,如果我们我们输入:2015-02-30或者2015/02/30,系统则提示:”日期错误“。测试结果如图:

4

如果我们我们输入:2015-02-28或者2015-02-28 则提示:“日期正确”。测试结果如图:

5

在这里,对function IsDate()这个函数做一下说明:通常来说,javascript验证日期的有效性可以通过正则判断但正则表达式无法精准验证日期的有效性,你无法通过正则表达式判断出1900-02-29是非法日期而2000-02-29是合法日期,而且正则表达式匹配起来比较繁琐。要想精确验证,最容易想到的方法就是通过月份判断日期是否合法(1~28/29/30/31),你可以用一个数组表示每月的天数,如daysInMonth=[31,28,31,30,31,30,31,31,30,31,30,31],但你会发现daysInMonth[1]这个值可能是28或29,你又要写一个判断闰年的函数来解决这个问题......这至少要花费20行以上的代码来完成这件事,而通过javascript中的Date对象,我们只需要1行代码即可完成上述功能。function IsDate(){   var date = document.getElementById('date').value;    return (new Date(date).getDate()==date.substring(date.length-2));}date为一个待检查的类日期字符串(如2013-01-01、2013/01/01、2013/01/32、2013/02/29),不论这个字符串是否正确通过新建的Date对象(new Date(date)),可以识别出该日期是否正确,如果不正确则返回Invalid Date但这样会有一个bug,当日期的值在1-31之间,new Date总返回一个新的对象,不论该月份是否存在这个日期(如2013-02-30将返回日期对象Sat Mar 02 2013 08:00:00 GMT+0800 (中国标准时间)),返回结果是下个月的日期而不报错所以要用getDate()方法获取日期(new Date('2013-02-30')对象的getDate()方法将返回2)date.substring(date.length-2)会获取到字符串最后两位也就是日期的部分,这与Date对象的日期部分做比较,如果相等则说明日期有效,否则为无效日期如果日期无效则'=='左边值为NaN,右边无论是什么(''、null、undefined、NaN等)结果都为false

推荐信息