欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2017年07月27日 08:22:16   投稿:jingxian  
下面小編就為大家?guī)硪黄猨s實現(xiàn)日期顯示的一些操作(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

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、點擊實現(xiàn)日期的天數(shù)加減(yyyy-mm-dd)

點擊倆個按鈕分別可以實現(xiàn)日期的加減,如果本月天數(shù)達(dá)到最多,那么月份將會自動增加或減少

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)前本周周一和本周周日的時間范圍

不管當(dāng)前是周幾,都可以獲取到當(dāng)前所在這一周的起始時間

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、點擊實現(xiàn)每周范圍的變化

點擊改變的按鈕將會改變顯示一周范圍的改變,如果有的在下一月或者下一年,那么將會自動顯示,不會出現(xiàn)錯誤

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、點擊實現(xiàn)當(dāng)前月份的改變

點擊按鈕會實現(xiàn)當(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)于日期格式的改變和算法,如果有什么不理解的可以留下評論,大家一起探討。

以上這篇js實現(xiàn)日期顯示的一些操作(實例講解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript標(biāo)準(zhǔn)對象_動力節(jié)點Java學(xué)院整理

    JavaScript標(biāo)準(zhǔn)對象_動力節(jié)點Java學(xué)院整理

    這篇文章主要為大家詳細(xì)介紹了JavaScript標(biāo)準(zhǔn)對象的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • webpack分離css單獨打包的方法

    webpack分離css單獨打包的方法

    這篇文章主要介紹了webpack分離css單獨打包的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-06-06
  • 微信小程序MUI側(cè)滑導(dǎo)航菜單示例(Popup彈出式,左側(cè)滑動,右側(cè)不動)

    微信小程序MUI側(cè)滑導(dǎo)航菜單示例(Popup彈出式,左側(cè)滑動,右側(cè)不動)

    這篇文章主要介紹了微信小程序MUI側(cè)滑導(dǎo)航菜單,結(jié)合實例形式分析了微信小程序Popup彈出式,左側(cè)滑動,右側(cè)不動菜單功能相關(guān)實現(xiàn)技巧與注意事項,需要的朋友可以參考下
    2019-01-01
  • js實現(xiàn)頁面轉(zhuǎn)發(fā)功能示例代碼

    js實現(xiàn)頁面轉(zhuǎn)發(fā)功能示例代碼

    本文為大家介紹的是使用js實現(xiàn)頁面轉(zhuǎn)發(fā),具體實現(xiàn)如下,感興趣的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • js前端導(dǎo)出Excel的方法

    js前端導(dǎo)出Excel的方法

    這篇文章主要為大家詳細(xì)介紹了js前端導(dǎo)出Excel的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • JS利用Canvas實現(xiàn)文字水印和圖片水印合成

    JS利用Canvas實現(xiàn)文字水印和圖片水印合成

    這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用Canvas實現(xiàn)文字水印和圖片水印合成的效果,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下
    2022-11-11
  • javascript高級學(xué)習(xí)筆記整理

    javascript高級學(xué)習(xí)筆記整理

    打算做一個js面向?qū)ο蟮呢澇陨?但是最終是流產(chǎn)了,整理了下廢棄的代碼,回顧了下PPT.想學(xué)習(xí)js面向?qū)ο蟮呐笥岩部梢詤⒖枷隆?/div> 2011-08-08
  • Javascript 繼承實現(xiàn)例子

    Javascript 繼承實現(xiàn)例子

    在真正的Web站點和應(yīng)用程序中,幾乎不可能創(chuàng)建名為ClassA和ClassB的類,更可能的是創(chuàng)建表示特定事物(如形狀)的類。考慮本章開頭所述的形狀的例子,Polygon、Triangle和Rectangle類就構(gòu)成了一組很好的探討數(shù)據(jù)。
    2009-08-08
  • JS實現(xiàn)DOM刪除節(jié)點操作示例

    JS實現(xiàn)DOM刪除節(jié)點操作示例

    這篇文章主要介紹了JS實現(xiàn)DOM刪除節(jié)點操作,結(jié)合實例形式分析了javascript使用removeChild()操作頁面dom節(jié)點刪除功能的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2018-04-04
  • js獲取Html元素的實際寬度高度的方法

    js獲取Html元素的實際寬度高度的方法

    下面小編就為大家?guī)硪黄猨s獲取Html元素的實際寬度高度的方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05

最新評論