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

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

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

1、js獲取當前日期(yyyy-mm-dd)

以下代碼是獲取到的當前日期:

var myDate = new Date(); 
var year = myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
var month = myDate.getMonth()+1;  //獲取當前月份(1-12)
var day = myDate.getDate();  //獲取當前日(1-31)
//獲取完整年月日
var newDay = year + “-” + month + “-” + day;

2、點擊實現日期的天數加減(yyyy-mm-dd)

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

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、獲取當前本周周一和本周周日的時間范圍

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

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 ; 
 //轉化日期
 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、點擊實現每周范圍的變化

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

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//轉化日期
 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、獲取當前月份的第一天和最后一天

能夠獲取到當前所在月份的第一天和最后一天,最后一天的日期是不固定的,能夠獲取到應有的日期

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、點擊實現當前月份的改變

點擊按鈕會實現當前月份的改變,那么最后一天的日期也會自動改變,

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


當然還有很多關于日期格式的改變和算法,如果有什么不理解的可以留下評論,大家一起探討。

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

相關文章

  • JavaScript標準對象_動力節(jié)點Java學院整理

    JavaScript標準對象_動力節(jié)點Java學院整理

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

    webpack分離css單獨打包的方法

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

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

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

    js實現頁面轉發(fā)功能示例代碼

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

    js前端導出Excel的方法

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

    JS利用Canvas實現文字水印和圖片水印合成

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

    javascript高級學習筆記整理

    打算做一個js面向對象的貪吃蛇,但是最終是流產了,整理了下廢棄的代碼,回顧了下PPT.想學習js面向對象的朋友也可以參考下。
    2011-08-08
  • Javascript 繼承實現例子

    Javascript 繼承實現例子

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

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

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

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

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

最新評論