JavaScript獲取某一天所在的星期
導(dǎo)語(yǔ): 如何獲取今天或者某一天所在星期的開(kāi)始和結(jié)束日期,或者如何獲取整個(gè)星期的日期
我們會(huì)遇到的需求的是,獲取今天或者某一天所在星期的開(kāi)始和結(jié)束日期。
我們這里來(lái)獲取今天所在星期的始末日期,我們可以通過(guò) (new Date).getDay() 來(lái)獲取今天是星期幾,然后再通過(guò)這個(gè)減去或者加上一定的天數(shù),就是這個(gè)星期的開(kāi)始日期和結(jié)束日期。
function getWeekStartAndEnd() { const oneDayTime = 1000 * 60 * 60 * 24; // 一天里一共的毫秒數(shù) const today = new Date(); const todayDay = today.getDay(); // 獲取今天是星期幾,假設(shè)是周3 const startDate = new Date( today.getTime() - oneDayTime * (todayDay - 1) ); const endDate = new Date(today.getTime() + oneDayTime * (7 - todayDay)); return { startDate, endDate }; } const week = getWeekStartAndEnd(); console.log(week.startDate, week.endDate);
是不是很完美?但,這里有一個(gè)很大的 bug! 注意:如果今天是周日,那么 todayDay 就會(huì)是 0,若還是按照上面的思路,則星期一的日期會(huì)變成下周一的日期,星期日的日期會(huì)變成下周日的日期 。因此,這里我們需要特殊處理下,當(dāng) todayDay 為 0 時(shí),就將其賦值為 7。同時(shí),我們還可以傳入一個(gè)時(shí)間戳,獲取特定某一天所在的星期。
最終的解決方案
function getWeekStartAndEnd(timestamp) { const oneDayTime = 1000 * 60 * 60 * 24; // 一天里一共的毫秒數(shù) const today = timestamp ? new Date(timestamp) : new Date(); const todayDay = today.getDay() || 7; // 若那一天是周末時(shí),則強(qiáng)制賦值為7 const startDate = new Date( today.getTime() - oneDayTime * (todayDay - 1) ); const endDate = new Date(today.getTime() + oneDayTime * (7 - todayDay)); return { startDate, endDate }; }
擴(kuò)展
如果我要輸出今天所在星期,這一周里所有的日期,該怎么辦呢?很簡(jiǎn)單,先獲取到這一周里的第一天,然后第一天加上 oneDayTime*i
的時(shí)間戳,就是第 i 天的日期,或者在前一天的基礎(chǔ)上加上 oneDayTime 也可以。
function getAllWeekToday() { const oneDayTime = 1000 * 60 * 60 * 24; const today = new Date(); const todayDay = today.getDay() || 7; // 若那一天是周末時(shí),則強(qiáng)制賦值為7 const startDate = new Date( today.getTime() - oneDayTime * (todayDay - 1) ); let dateList = [startDate]; for (let i = 1; i < 7; i++) { dateList.push(new Date(startDate.getTime() + oneDayTime * i)); } return dateList; }
總結(jié)
以上所述是小編給大家介紹的JavaScript獲取某一天所在的星期,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
微信小程序?qū)崿F(xiàn)頁(yè)面下拉刷新和上拉加載功能詳解
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面下拉刷新和上拉加載功能,結(jié)合實(shí)例形式分析了微信小程序頁(yè)面下拉刷新和上拉加載相關(guān)事件監(jiān)聽(tīng)與功能實(shí)現(xiàn)操作技巧,需要的朋友可以參考下2018-12-12javascript showModalDialog模態(tài)對(duì)話框使用說(shuō)明
使用javascript打開(kāi)模態(tài)對(duì)話框,想學(xué)習(xí)showModalDialog使用方法的朋友可以參考下。2009-12-12js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
需要獲得圖片的寬度和高度,有些js或者jquery代碼在還沒(méi)有加載完圖片時(shí)就執(zhí)行了,這個(gè)問(wèn)題該怎么解決呢?接下來(lái)分別介紹下js與jquery提供的方法2013-03-03JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法
這篇文章主要介紹了JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法,涉及javascript鼠標(biāo)操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05Javascript實(shí)現(xiàn)hashcode函數(shù)實(shí)現(xiàn)對(duì)象比較與原理說(shuō)明
在JavaScript中,數(shù)值的比較是比較簡(jiǎn)單的,使用相等(==)和全等(===)符號(hào)基本上可以解決大多數(shù)非對(duì)象的比較。但是相等(==)和全等(===)符號(hào)在對(duì)象 object 的比較上,就不能滿足所有的要求了2023-06-06用Javascript輕松制作一套簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
用Javascript輕松制作一套簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)...2006-12-12JavaScript開(kāi)發(fā)人員的10個(gè)關(guān)鍵習(xí)慣小結(jié)
還在一味沒(méi)有目的的編寫(xiě)JavaScript代碼嗎?那么你就OUT了!讓我們一起來(lái)看看小編為大家搜羅的JavaScript開(kāi)發(fā)人員應(yīng)該具備的十大關(guān)鍵習(xí)慣吧2014-12-12javascript實(shí)現(xiàn)10個(gè)球隨機(jī)運(yùn)動(dòng)、碰撞實(shí)例詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)10個(gè)球隨機(jī)運(yùn)動(dòng)、碰撞的方法,實(shí)例分析了javascript實(shí)現(xiàn)小球碰撞的原理與實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07