1、生成时间

var  data =new Date();

2、获得时间戳

    什么是时间戳？

时间戳是指格林威治时间自1970年1月1日（00:00:00 GTM）至当前时间的总秒数。它也被称为Unix时间戳（Unix Timestamp）。

时间戳是能够表示一份数据在一个特定时间点已经存在的完整的可验证的数据，通常是一个字符序列，唯一地标识某一刻的时间

//获得时间戳

var time=date.getTime();   //获得当前的毫秒数

var oneDay=***;  //一天的毫秒数

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()+}月${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 = ***;//一天的毫秒数

//前一天

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()+}月${d.getDate()}日`;

}

</script>

</body>

</html>

JavaScript如何实现日期的前一天后一天转变的更多相关文章

  1. javascript获得给定日期的前一天的日期

    /** * 获得当前日期的前一天 */ function getYestoday(date){ var yesterday_milliseconds=date.getTime()-1000*60*60 ...

  2. 日期-用Datapicker实现前一天后一天

    运用了JQuery UI Datepicker 插件和一些常用日期的方法.其中Datepicker的API具体可参考[http://api.jqueryui.com/datepicker/#optio ...

  3. java获得指定日期的前一天，后一天的代码

    /** * 获得指定日期的前一天 * @param specifiedDay * @return * @throws Exception */ public static String getSpec ...

  4. java日期获取前一天和后一天

    import java.text.ParseException;import java.text.SimpleDateFormat;import java.util.Calendar;import j ...

  5. JavaScript 中的日期和时间

    前言 本篇的介绍涵盖以下部分: 1. 时间标准指的是什么?UCT和GMT 的概念.关联和区别? 2. 时间表示标准有哪些? 3. JS 中时间的处理 日期时间标准 日期的标准就不多说了 -- 公元纪年 ...

  6. php获取指定日期的前一天，前一月，前一年日期

    ## php获取指定日期的前一天,前一月,前一年日期   前一天的日期为: date("Y-m-d",strtotime("-1 days",strtotime ...

  7. JavaScript 时间与日期处理实战:你肯定被坑过

    本部分的知识图谱请参考编程语言知识图谱-时间与日期. 本文JavaScript 时间与日期处理实战:你肯定被坑过从属于笔者的Web 前端入门与最佳实践中 JavaScript 入门与最佳实践系列文章. ...

  8. 用Java计算某个日期100天后的日期

    用Java计算日期时间,首先考虑到时间类,Java中提供的和时间日期相关的类里,有一个Calendar类,可以获取某个时间日期. 计算某个日期100天后的日期,思路如下: 1.先设定时间,例如2017 ...

  9. 第一百零四节，JavaScript时间与日期

    JavaScript时间与日期 学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期 ...

随机推荐

  1. Java反射复习

    三种实例化对象: 1.Class<?> cls = Class.forName("java.util.Date") ; *** System.out.println(c ...

  2. 使用Docker之镜像的拉取、查询、删除

    1:查看镜像列表 2:拉取镜像    通过命令可以从镜像仓库中拉取镜像,默认从Docker Hub 获取. 命令格式: docker image pull <repository>:< ...

  3. loadrunner：Action.c(4): Error -27796: Failed to connect to server "10.8.251.101:10086": [10060] Connection timed out

    Action.c(4): Error -27796: Failed to connect to server "10.8.251.101:10086": [10060] Conne ...

  4. Spring Cloud Gateway转发Spring WebSocket

    Spring Cloud Gateway转发Spring WebSocket 源码:https://github.com/naah69/SpringCloud-Gateway-WebSocket-De ...

  5. Vue – 基础学习(4):事件修饰符

    Vue – 基础学习(3):事件修饰符

  6. Golang循环中调用go func参数异常分析

    项目中,需要循环调用API服务器列表,在循环中使用go func创建协程时遇到了参数失灵的现象. 具体代码如下所示: for _, apiServerAddr := range apiServerAd ...

  7. Js中replace替换所有*

    var t = '***感**谢**有**你***'; var r = t.replace(/\*/g,''); //\为转义字符 g表示全局 console.log(r) //感谢有你

  8. Django框架（十二）-- Djang与Ajax

    一.什么是Ajax AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互,传 ...

  9. Python与设计模式之单例模式

    一.什么是单例 即单个实例,指的是同一个类实例化多次的结果指向同一个对象,用于节省内存空间 如果我们从配置文件中读取配置来进行实例化,在配置相同的情况下,就没必要重复产生对象浪费内存了 # setti ...

  10. python 和 R 语言 中的 range() 函数

    1.python 中的 range() 函数生成整数序列,常用于 for 循环的迭代. 示例: 2.R 语言中的 range() 函数返回一个数值向量中的最小值和最大中,常用于求极差. 示例: 按语: ...