1. HTML 排版
1 <button onclick="anteayer()">前天</button> 2 <button onclick="bermorgen()">后天</button> 3 <div id="app"></div>
2. JS代码
1 var app = document.getElementById('app') 2 app.innerHTML = myGetDate(newDate) 3 4 // 实例化Date 5 var newDate = new Date(); 6 //封装日期格式化的方法 7 function myGetDate(params) { 8 return `${params.getFullYear()}年${params.getMonth() + 1}月${params.getDate()}日` 9 10 } 11 //获取时间戳 12 var time = newDate.getTime();//当前的毫秒数 13 var day = 1000 * 60 * 60 * 24//一天的毫秒数 14 15 16 //前一天 17 function anteayer() { 18 var a = time - day; 19 newDate.setTime(a) 20 app.innerHTML = myGetDate(newDate); 21 } 22 23 //后一天 24 function bermorgen() { 25 var after = time + day;//计算前一天的毫秒数 26 newDate.setTime(after); 27 app.innerHTML = myGetDate(newDate); 28 }