js實(shí)現(xiàn)日期顯示的一些操作(實(shí)例講解)
1、js獲取當(dāng)前日期(yyyy-mm-dd)
以下代碼是獲取到的當(dāng)前日期:
var myDate = new Date(); var year = myDate.getFullYear(); //獲取完整的年份(4位,1970-????) var month = myDate.getMonth()+1; //獲取當(dāng)前月份(1-12) var day = myDate.getDate(); //獲取當(dāng)前日(1-31) //獲取完整年月日 var newDay = year + “-” + month + “-” + day;
2、點(diǎn)擊實(shí)現(xiàn)日期的天數(shù)加減(yyyy-mm-dd)
點(diǎn)擊倆個(gè)按鈕分別可以實(shí)現(xiàn)日期的加減,如果本月天數(shù)達(dá)到最多,那么月份將會(huì)自動(dòng)增加或減少
var n = 0; dayChange(0) $("#time-add").click(function(){ n++; dayChange(n); }) $("#time-less").click(function(){ n--; dayChange(n); }) function dayChange(n){ var now = new Date();//今天 var tomo = new Date((now/1000+86400*n)*1000);//明天 var month = tomo.getMonth() + 1; var strDate = tomo.getDate(); var seperator1 = "-"; if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = tomo.getFullYear() + seperator1 + month + seperator1 + strDate; $(".center-day").html(currentdate); }
3、獲取當(dāng)前本周周一和本周周日的時(shí)間范圍
不管當(dāng)前是周幾,都可以獲取到當(dāng)前所在這一周的起始時(shí)間
var now = new Date();//今天 week(now); function week(now){ var nowTime = now.getTime() ; var day = now.getDay(); var oneDayLong = 24*60*60*1000 ; //獲取本周所在周一 var MondayTime = nowTime - (day-1)*oneDayLong ; //獲取本周所在周末 var SundayTime = nowTime + (7-day)*oneDayLong ; //轉(zhuǎn)化日期 var monday = new Date(MondayTime); var sunday = new Date(SundayTime); var month = monday.getMonth() + 1; var strDate = monday.getDate(); var month1 = sunday.getMonth() + 1; var strDate1 = sunday.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strDate1 >= 0 && strDate1 <= 9) { strDate1 = "0" + strDate1; } currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); 32}
4、點(diǎn)擊實(shí)現(xiàn)每周范圍的變化
點(diǎn)擊改變的按鈕將會(huì)改變顯示一周范圍的改變,如果有的在下一月或者下一年,那么將會(huì)自動(dòng)顯示,不會(huì)出現(xiàn)錯(cuò)誤
var now = new Date();//今天 var n = 0; week(now); $("#week-add").click(function(){ n++; var date = new Date(now.getTime() + n*7*24*3600*1000); week(date); }) $("#week-add").click(function(){ n--; var date = new Date(now.getTime() + n*7*24*3600*1000); week(date); }) function week(now){ var nowTime = now.getTime() ; var day = now.getDay(); var oneDayLong = 24*60*60*1000 ; //獲取本周所在周一 var MondayTime = nowTime - (day-1)*oneDayLong ; //獲取本周所在周末 var SundayTime = nowTime + (7-day)*oneDayLong ; 22//轉(zhuǎn)化日期 var monday = new Date(MondayTime); var sunday = new Date(SundayTime); var month = monday.getMonth() + 1; var strDate = monday.getDate(); var month1 = sunday.getMonth() + 1; var strDate1 = sunday.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } if (strDate1 >= 0 && strDate1 <= 9) { strDate1 = "0" + strDate1; } currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); }
5、獲取當(dāng)前月份的第一天和最后一天
能夠獲取到當(dāng)前所在月份的第一天和最后一天,最后一天的日期是不固定的,能夠獲取到應(yīng)有的日期
monthfen(0) function monthfen(n){ var now = new Date();//今天 var firstDate = new Date((now/1000+86400*n*now.getDate())*1000);//明天 //本月第一天 firstDate.setDate(1); //第一天 var date = new Date(firstDate); var month = date.getMonth() + 1; var strDate = "0" + date.getDate(); //本月最后一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(0); var date1 = new Date(endDate); var month1 = date1.getMonth() + 1; var strDate1 = date1.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); }
6、點(diǎn)擊實(shí)現(xiàn)當(dāng)前月份的改變
點(diǎn)擊按鈕會(huì)實(shí)現(xiàn)當(dāng)前月份的改變,那么最后一天的日期也會(huì)自動(dòng)改變,
monthfen(0) var n = 0; $("#month-add").click(function(){ n++; monthfen(n); }) $("#month-less").click(function(){ n--; monthfen(n); }) function monthfen(n){ var now = new Date();//今天 var firstDate = new Date((now/1000+86400*n*now.getDate())*1000);//明天 //本月第一天 firstDate.setDate(1); //第一天 var date = new Date(firstDate); var month = date.getMonth() + 1; var strDate = "0" + date.getDate(); //本月最后一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(0); var date1 = new Date(endDate); var month1 = date1.getMonth() + 1; var strDate1 = date1.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (month1 >= 1 && month1 <= 9) { month1 = "0" + month1; } currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + "至" + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1; $(".center-day").html(currentdate); }
當(dāng)然還有很多關(guān)于日期格式的改變和算法,如果有什么不理解的可以留下評(píng)論,大家一起探討。
以上這篇js實(shí)現(xiàn)日期顯示的一些操作(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript標(biāo)準(zhǔn)對(duì)象_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript標(biāo)準(zhǔn)對(duì)象的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06微信小程序MUI側(cè)滑導(dǎo)航菜單示例(Popup彈出式,左側(cè)滑動(dòng),右側(cè)不動(dòng))
這篇文章主要介紹了微信小程序MUI側(cè)滑導(dǎo)航菜單,結(jié)合實(shí)例形式分析了微信小程序Popup彈出式,左側(cè)滑動(dòng),右側(cè)不動(dòng)菜單功能相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2019-01-01js實(shí)現(xiàn)頁(yè)面轉(zhuǎn)發(fā)功能示例代碼
本文為大家介紹的是使用js實(shí)現(xiàn)頁(yè)面轉(zhuǎn)發(fā),具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08JS利用Canvas實(shí)現(xiàn)文字水印和圖片水印合成
這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用Canvas實(shí)現(xiàn)文字水印和圖片水印合成的效果,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下2022-11-11javascript高級(jí)學(xué)習(xí)筆記整理
打算做一個(gè)js面向?qū)ο蟮呢澇陨?但是最終是流產(chǎn)了,整理了下廢棄的代碼,回顧了下PPT.想學(xué)習(xí)js面向?qū)ο蟮呐笥岩部梢詤⒖枷隆?/div> 2011-08-08JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)DOM刪除節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了javascript使用removeChild()操作頁(yè)面dom節(jié)點(diǎn)刪除功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-04-04最新評(píng)論