zoukankan      html  css  js  c++  java
  • JavaScript计算时间前一天跟后一天

    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、展示效果图

  • 相关阅读:
    Akka-CQRS(4)- CQRS Writer Actor 示范
    Akka-CQRS(3)- 再想多点,全面点
    变量、作用域
    JSON概述
    js浮点精度问题
    自定义级联下拉框
    nodejs+express+mysql 增删改查(二)
    使用Navicat Premium 链接本地数据库的方法(二)
    行内编辑时间框
    thinkjs升级到3.0后的图片上传
  • 原文地址:https://www.cnblogs.com/zouhuixiang/p/12056518.html
Copyright © 2011-2022 走看看