js 判断一组日期是否是连续的简单实例

 更新时间:2016年07月11日 09:01:53   投稿:jingxian  
下面小编就为大家带来一篇js 判断一组日期是否是连续的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

这是群里一朋友问的问题,当时我说判断下 day 是否相邻即可,后来细想,发现完全不对。

问题需求

给定5个相同格式的日期,怎么判断是否是连续5天呢?

我当时第一反应 getDay() 后排序,然后前后对比即可。。

但是细想,完全不对,比如本周一下周二,这样也会误判。

而且不仅仅这样的问题,还要跨月,跨年,闰月等问题。

然后就有了下面的代码。

让时间戳抹平一切吧

为了不纠结这些问题,我想到了时间戳,这货就可以完全忽略上述问题了,只要处理时间戳,最后比较即可。

然后我给了如下代码:

let days = [
 '2016-02-28',
 '2016-02-29', // 闰月
 '2016-03-01', // 跨月
 '2016-03-02',
 '2016-03-03',
]

// 先排序,然后转时间戳
let _days = days.sort().map((d, i) => {
 let dt = new Date(d)
 dt.setDate(dt.getDate() + 4 - i) // 处理为相同日期

 return +dt
})

// 比较时间戳是否一致
console.log(
 _days[0] == _days[1] &&
 _days[0] == _days[2] &&
 _days[0] == _days[3] &&
 _days[0] == _days[4]
)

ok 一切问题都解决掉了,跨年,跨月,闰月也都无所谓了。

通用函数封装

上述代码还是有点缺陷的,因为时分秒没有处理,如果有时分秒,也要先抹去。

let days = [
 '2016-02-28 12:00:00',
 '2016-02-29 12:00:01', // 闰月
 '2016-03-01 12:00:02', // 跨月
 '2016-03-02 12:00:03',
 '2016-03-03 12:00:04',
 '2016-03-04 12:00:04',
]

console.log(continueDays(days))

function continueDays(arr_days) {
 // 先排序,然后转时间戳
 let days = arr_days.sort().map((d, i) => {
  let dt = new Date(d)
  dt.setDate(dt.getDate() + 4 - i) // 处理为相同日期

  // 抹去 时 分 秒 毫秒
  dt.setHours(0)
  dt.setMinutes(0)
  dt.setSeconds(0)
  dt.setMilliseconds(0)

  return +dt
 })

 let ret = true

 days.forEach(d => {
  if (days[0] !== d) {
   ret = false
  }
 })

 return ret
}

这个函数只是改动了2个地方,抹去 时 分 秒 毫秒 和 循环比较,其他都一样。

小结

js 处理时间还是非常简单的,比如写个日期插件,其实借助 Date 非常容易实现,但实现你要了解 Date 的 api 才行。

当然要说简单,还是 php 最简单,那简直逆天。

以上这篇js 判断一组日期是否是连续的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js脚本实现数据去重

    js脚本实现数据去重

    最近在一个项目中,需要去除掉重复的数据,之前都是在后台实现,现在客户需求是在前台去重,于是就想到了javascript脚本。
    2014-11-11
  • 一个简单不报错的summernote 图片上传案例

    一个简单不报错的summernote 图片上传案例

    下面小编就为大家带来一篇一个简单不报错的summernote图片上传案例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 基于 antd pro 的短信验证码登录功能(流程分析)

    基于 antd pro 的短信验证码登录功能(流程分析)

    这篇文章主要介绍了基于 antd pro 的短信验证码登录功能(流程分析),本文通过实例代码流程分析给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-05-05
  • ie8下修改input的type属性报错的解决方法

    ie8下修改input的type属性报错的解决方法

    当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,问题是ie8中是不允许修改input的type属性
    2014-09-09
  • js中prototype用法详细介绍

    js中prototype用法详细介绍

    这篇文章详细介绍了js中prototype用法及实例,有需要的朋友可以参考一下
    2013-11-11
  • TypeError: Cannot set properties of undefined (setting ‘xx‘)的问题及解决方法

    TypeError: Cannot set properties of 

    这篇文章主要介绍了TypeError: Cannot set properties of undefined (setting ‘xx‘)的问题,本文给大家分享完美解决方案,需要的朋友可以参考下
    2023-09-09
  • TypeScript命名空间讲解

    TypeScript命名空间讲解

    这篇文章主要介绍了TypeScript命名空间,TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。由微软开发的自由和开源的编程语言。设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上,下面来看详细内容吧

    2021-12-12
  • 解决WordPress使用CDN后博文无法评论的错误

    解决WordPress使用CDN后博文无法评论的错误

    这篇文章主要介绍了解决WordPress使用CDN后博文无法评论的错误的方法,同时提醒注意WordPress使用版本的jQuery版本支持度,需要的朋友可以参考下
    2015-12-12
  • bootstrap多层模态框滚动条消失的问题

    bootstrap多层模态框滚动条消失的问题

    本篇文章主要介绍了bootstrap多层模态框滚动条消失的问题,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • js实现移动端微信页面禁止字体放大

    js实现移动端微信页面禁止字体放大

    本文主要介绍了js实现移动端微信页面禁止字体放大的方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论