js實(shí)現(xiàn)日期顯示的一些操作(實(shí)例講解)

2019-11-19 15:58:44

字體：大中小

供稿：網(wǎng)友

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);}