JavaScript HTML5实现的日期比较功能示例

本文举例说明了用JavaScript HTML5实现的日期比较功能。分享给大家参考，如下：

这里在前面文章《JavaScript实现设置默认日期范围为最近40天的方法》的基础上，进一步检查开始日期和结束日期是否合理。

例如，开始日期应小于或等于结束日期，实施只能查询最近40天内的数据(设置为：结束日期减去开始日期应小于或等于41，也可以设置为40，具体取决于需求)。如果要查询40天以上的数据，会直接报错。

当报告错误时，不会显示特定的错误，例如，结束日期晚于今天或开始日期晚于今天。

代码：

！DOCTYPE HTMl HTMl HeAd meta http-equiv=' content-type ' content=' charset=utf8 '/meta script type=' text/JAVAScript '//计算日期相差的天数函数datediff(开始日期，结束日期){//alert(类型(开始日期))；//拆分字符串var D1=开始日期。拆分('-')；var D2=结束日期。拆分('-')；//重新定义2个日期var日期1=新日期(d1[0]、d1[1]、D1[2])；var日期2=新日期(d2[0]、d2[1]、D2[2])；//取得子1970-01-01到指定日期的毫秒数var dt1=日期1。GetTime()；var dt2=日期2。GetTime()；console.log(d1[0]、d1[1]、D1[2])；console.log(d2[0]、d2[1]、D2[2])；console.log(dt1，dt2，(dt2-dt1)/(24 * 60 * 60 * 1000))；return(dt2-dt1)/(24 * 60 * 60 * 1000)}//响应查询按钮函数查询(){ //先把输出内容情况var YY=文档。getelementbyid(' sp ')；yy.innerHTML=var date 1=文档。getelementbyid('日期1 ').价值；var日期2=文档。getelementbyid('日期2 ').价值；//判断开始日期是否大于结束日期如果(日期一日期2) { alert('开始日期大于结束日期！请重新选择查询日期');返回false} //判断是否为最近40天的数据var today=dateToString(new Date())；if (datediff(date1，today)0 || datediff(date1，today) 41 || datediff(date2，today) 0 || datediff(date2，today) 41) { alert('只能查询最近40天范围的数据！请重新选择查询日期');返回false} //把选择的日期输出var xx=文档。getelementsbyname(' day ')；var s=for(var I=0；ixx.lengthi ) { if(xx[i]).标记名=='TD') s=s xx[i].innerText//alert(xx[i]).innerText)；else { if(xx[i]).标记名=='INPUT') s=xx[i].价值；} if(I % 2==1)s='；'；} YY。innerhtml=s；} //实现把日期类型数据转化为标准的字符串格式函数dateToString(d){ var y=d . get full year()；var m=d . get month()1；var d=d . GetDate()；//把日期2017-1-6 格式化为标准的2017-01-06 //判断数字的长度是否是1,如果是一那么前面加上字符0 if(m.toString().长度==1)m=' 0 ' m；if(d.toString().长度==1)d=' 0 ' d；返回y-m-d；} //在页面加载的时候，初始化开始(40天前的日期)、结束日期（当天),实现默认查询最近40天的数据函数onload() { //获取今天的日期，但是这个数据的格式不标准//也就是把Fri 2017年一月6日10:43:07格林尼治时间0800转化成2017-01-06 这种格式var d=新日期();var endDate=DateToString(d)；//返回日期的原始值，也就是自xxx年xx月xx日到今天的日期相差的毫秒数d=d .的值()；d=d-40 * 24 * 60 * 60 * 1000；d=新日期(d );var startDate=DateToString(d)；//把日期值输出到铬的日志中，方便调试控制台。日志(d)；控制台。日志(开始日期)；控制台。日志(结束日期)；var日期1=文档。getelementbyid('日期1 ')；var日期2=文档。getelementbyid('日期2 ')；日期1。值=开始日期；日期2。值=结束日期；}/script/head body on load=' on load()' table tr TD name=' day '开始日期：输入类型='日期'名称='day ' id=' date 1 '/TD/tr TD名称='日'结束日期：输入类型='日期'名称=' day ' id=' date 2 '/TD tdinput类型='按钮'值='查询onclick=' query()'//TD/tr/table HR pspan id=' sp '/spanp/body/html运行效果：

PS:这里再为大家推荐几款比较实用的天数计算在线工具供大家使用：

在线日期/天数计算器：http://工具。JB 51。net/jisuanqi/date _ jisuanqi

在线日期计算器/相差天数计算器：http://工具。JB 51。net/jis uan qi/日期计算

在线日期天数差计算器：http://工具。JB 51。net/jis uan qi/online datejsq

在线天数计算器：http://tools.jb51.net/jisuanqi/datejsq

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript+HTML5特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。