1、获取当前时
//写在HTML
<button onclick="goBefore()">前一天</button>
<button onclick="goAfter()">后一天</button>
<div id="app"></div>
//写在js 实例化一个对象
var date = new Date();
var app = document.getElementById("app");
app.innerHTML = myGetDate(date);
2、获取当前时间日期部分:
时间格式: new Date(new Date().toLocaleDateString())
string格式: new Date().toLocaleDateString()
格式化: new Date().format("yyyy-MM-dd")或 new Date().toString("yyyy-MM-dd")
3、获取时间戳
var time = date.getTime();//当前的毫秒数 var oneDay = 1000*60*60*24;//一天的毫秒数
4、前一天
function goBefore(){
var before = time - oneDay;//计算前一天的毫秒数
date.setTime(before);
app.innerHTML = myGetDate(date);
}
5、后一天
function goAfter(){
var after = time + oneDay;//计算前一天的毫秒数
date.setTime(after);
app.innerHTML = myGetDate(date);
}
6、封装日期格式化得方法
function myGetDate(d){
return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
}
注意
js中获取当前时间可以使用new Date();
如果要获取前一天的时间,可以使用当前时间减去一天的毫秒数,得到毫秒数之后然后再转换成时间。
用户获取当前时间的毫秒数,而10006060*24是一天的毫秒数,两个值相减得到的差值就是昨时间的毫秒数。
相加的话就是后一天的毫秒数转换成时间 将两个按钮添加一个点击事件就可以了。
7、展示效果图
