1、生成時間
var data =new Date();
2、獲得時間戳
什么是時間戳？
時間戳是指格林威治時間自1970年1月1日（00:00:00 GTM）至當前時間的總秒數。它也被稱為Unix時間戳（Unix Timestamp）。
時間戳是能夠表示一份數據在一個特定時間點已經存在的完整的可驗證的數據，通常是一個字符序列，唯一地標識某一刻的時間
//獲得時間戳 var time=date.getTime(); //獲得當前的毫秒數 var oneDay=1000*60*60*24; //一天的毫秒數
3、調用函數（前一天、后一天）
//前一天 function goBefore(){ var before = time -oneDay;//計算前一天的毫秒數 date.setTime=(before); app.innerHTML=myGetDate(date); } //后一天 function goAfter(){ var after = time + oneDay;//計算前一天的毫秒數 date.setTime(after); app.innerHTML = myGetDate(date); }
4、封裝日期格式化的方法
注意： getMonth() 方法可返回表示月份的數字。返回值是 0（一月） 到 11（十二月） 之間的一個整數。（一月為 0, 二月為 1, 以此類推）
function myGetDate(d){ return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`; }
獲取當前時間日期部分：
時間格式： new Date(new Date().toLocaleDateString())
string格式： new Date().toLocaleDateString()
5、在整個頁面運用的過程，可以直接<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button onclick="goBefore()">前一天</button> <button onclick="goAfter()">后一天</button> <div id="app"></div> <script> var date = new Date(); var app = document.getElementById("app"); app.innerHTML = myGetDate(date); //獲取時間戳 var time = date.getTime();//當前的毫秒數 var oneDay = 1000*60*60*24;//一天的毫秒數 //前一天 function goBefore(){ var before = time - oneDay;//計算前一天的毫秒數 date.setTime(before); app.innerHTML = myGetDate(date); } //后一天 function goAfter(){ var after = time + oneDay;//計算前一天的毫秒數 date.setTime(after); app.innerHTML = myGetDate(date); } //封裝日期格式化的方法 function myGetDate(d){ return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`; } </script> </body> </html>