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

  • 相关阅读:
    IE8下部分方法失效的解决方法
    C#获取本机IP地址(ipv4)
    WPF中控制窗口显示位置的三种方式
    JS判断IP的正则表达式
    WPF ListView 简单的拖拽实现(转)
    C# 中取绝对值的函数
    移动端rem单位适配使用
    vue中遇到的坑!!!!!
    vux安装中遇到的坑
    移动端常用的代码
  • 原文地址:https://www.cnblogs.com/zouhuixiang/p/12056518.html
Copyright © 2011-2022 走看看