JavaScript如何实现日期的前一天后一天转变

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>
posted @ 2019-12-17 19:48  Ocean-  阅读(1100)  评论(0)    收藏  举报