js 判斷一組日期是否是連續(xù)的簡(jiǎn)單實(shí)例
這是群里一朋友問(wèn)的問(wèn)題,當(dāng)時(shí)我說(shuō)判斷下 day 是否相鄰即可,后來(lái)細(xì)想,發(fā)現(xiàn)完全不對(duì)。
問(wèn)題需求
給定5個(gè)相同格式的日期,怎么判斷是否是連續(xù)5天呢?
我當(dāng)時(shí)第一反應(yīng) getDay() 后排序,然后前后對(duì)比即可。。
但是細(xì)想,完全不對(duì),比如本周一下周二,這樣也會(huì)誤判。
而且不僅僅這樣的問(wèn)題,還要跨月,跨年,閏月等問(wèn)題。
然后就有了下面的代碼。
讓時(shí)間戳抹平一切吧
為了不糾結(jié)這些問(wèn)題,我想到了時(shí)間戳,這貨就可以完全忽略上述問(wèn)題了,只要處理時(shí)間戳,最后比較即可。
然后我給了如下代碼:
let days = [
'2016-02-28',
'2016-02-29', // 閏月
'2016-03-01', // 跨月
'2016-03-02',
'2016-03-03',
]
// 先排序,然后轉(zhuǎn)時(shí)間戳
let _days = days.sort().map((d, i) => {
let dt = new Date(d)
dt.setDate(dt.getDate() + 4 - i) // 處理為相同日期
return +dt
})
// 比較時(shí)間戳是否一致
console.log(
_days[0] == _days[1] &&
_days[0] == _days[2] &&
_days[0] == _days[3] &&
_days[0] == _days[4]
)
ok 一切問(wèn)題都解決掉了,跨年,跨月,閏月也都無(wú)所謂了。
通用函數(shù)封裝
上述代碼還是有點(diǎn)缺陷的,因?yàn)闀r(shí)分秒沒(méi)有處理,如果有時(shí)分秒,也要先抹去。
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) {
// 先排序,然后轉(zhuǎn)時(shí)間戳
let days = arr_days.sort().map((d, i) => {
let dt = new Date(d)
dt.setDate(dt.getDate() + 4 - i) // 處理為相同日期
// 抹去 時(shí) 分 秒 毫秒
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
}
這個(gè)函數(shù)只是改動(dòng)了2個(gè)地方,抹去 時(shí) 分 秒 毫秒 和 循環(huán)比較,其他都一樣。
小結(jié)
js 處理時(shí)間還是非常簡(jiǎn)單的,比如寫(xiě)個(gè)日期插件,其實(shí)借助 Date 非常容易實(shí)現(xiàn),但實(shí)現(xiàn)你要了解 Date 的 api 才行。
當(dāng)然要說(shuō)簡(jiǎn)單,還是 php 最簡(jiǎn)單,那簡(jiǎn)直逆天。
以上這篇js 判斷一組日期是否是連續(xù)的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js腳本實(shí)現(xiàn)數(shù)據(jù)去重
最近在一個(gè)項(xiàng)目中,需要去除掉重復(fù)的數(shù)據(jù),之前都是在后臺(tái)實(shí)現(xiàn),現(xiàn)在客戶需求是在前臺(tái)去重,于是就想到了javascript腳本。2014-11-11
一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例
下面小編就為大家?guī)?lái)一篇一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
基于 antd pro 的短信驗(yàn)證碼登錄功能(流程分析)
這篇文章主要介紹了基于 antd pro 的短信驗(yàn)證碼登錄功能(流程分析),本文通過(guò)實(shí)例代碼流程分析給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-05-05
ie8下修改input的type屬性報(bào)錯(cuò)的解決方法
當(dāng)用戶勾選顯示明文復(fù)選框時(shí),要以明文顯示用戶輸入的密碼,去掉勾選時(shí)要變回密文,問(wèn)題是ie8中是不允許修改input的type屬性2014-09-09
TypeError: Cannot set properties of 
這篇文章主要介紹了TypeError: Cannot set properties of undefined (setting ‘xx‘)的問(wèn)題,本文給大家分享完美解決方案,需要的朋友可以參考下2023-09-09
解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤
這篇文章主要介紹了解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤的方法,同時(shí)提醒注意WordPress使用版本的jQuery版本支持度,需要的朋友可以參考下2015-12-12
bootstrap多層模態(tài)框滾動(dòng)條消失的問(wèn)題
本篇文章主要介紹了bootstrap多層模態(tài)框滾動(dòng)條消失的問(wèn)題,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07
js實(shí)現(xiàn)移動(dòng)端微信頁(yè)面禁止字體放大
本文主要介紹了js實(shí)現(xiàn)移動(dòng)端微信頁(yè)面禁止字體放大的方法,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02

