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

  • 相关阅读:
    jQuery使用工具集
    JQuery解决鼠标单双击冲突问题
    线程池
    配置文件application.properties参数详解
    SpringBoot整合SpringDataJPA
    获取数据库的自增主键(六)
    【使用篇二】邮箱自动化配置集成(18)
    Quartz自动化配置集成
    Cron表达式详解
    标准盒模型和怪异盒模型的区别
  • 原文地址:https://www.cnblogs.com/zouhuixiang/p/12056518.html
Copyright © 2011-2022 走看看