使用javascript将时间转换成今天,昨天,前天等格式

 更新时间:2023年05月13日 08:21:07   投稿:hebedich  
这篇文章主要介绍了使用javascript将时间转换成今天,昨天,前天等格式的相关资料,需要的朋友可以参考下

方法超级简单,把时间格式化一下就好了,直接奉上代码

function transDate() {
    var $time =document.getElementById("share-time");
    var date = $time.innerHTML.trim();
    var tt = new Date(parseInt(date));
    var days = parseInt((new Date().getTime() - date) / 86400000);
    var today = new Date().getDate();
    var year = tt.getFullYear();
    var mouth = tt.getMonth() + 1;
    var day = tt.getDate();
    var time = tt.getHours() < 10 ? "0" + tt.getHours() : tt.getHours();
    var min = tt.getMinutes() < 10 ? "0" + tt.getMinutes() : tt.getMinutes();
    var result, offset;
       offset = Math.abs(today - day);
    if (days < 4&&offset<4) {
       if (offset === 0) {
        result = "今天" + time + ":" + min;
      } else if (offset === 1) {
        result = "昨天" + time + ":" + min;
      } else if (offset === 2) {
        result = "前天" + time + ":" + min;
      }
    } else {
      result = year + "-" + mouth + "-" + day + " " + time + ":" + min;
    }
    $time.innerHTML = result;
  }
  transDate();

js 日期 获取今天、昨天、明天第一个函数

  function getDay(day){
    var today = new Date()
    // 获取时间戳(毫秒级)
    /*
      day为1,则是,明天的时间戳
      day为-1,则是,昨天的时间戳
      day为-2,则是,前天的时间戳
    */
    var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
    // Date.setTime(时间戳):设置当前日期的时间
    today.setTime(targetday_milliseconds)
    console.log('today=', today) // today= Sun Mar 05 2023 16:14:56 GMT+0800 (中国标准时间)
    var tYear = today.getFullYear() // 年
    var tMonth = today.getMonth() // 月
    var tDate = today.getDate() // 日
    tMonth = this.doHandleMonth(tMonth + 1)
    tDate = this.doHandleMonth(tDate)
    console.log('返回年月日=', tYear + '-' + tMonth + '-' + tDate)
    return tYear + '-' + tMonth + '-' + tDate
  }
  function doHandleMonth(month) {
    var m = month
    if (month.toString().length == 1) {
      m = '0' + month
    }
    return m
  }

js获取今天昨天明天的日期第二个函数

/* 
  * @params date 日期
  * @params type 日期 prev/current/next 昨天/今天/明天
  * @params fmt 日期拼接符
*/
function getDays(date, type, fmt) {
    let currentDate = new Date(date)
    let y = currentDate.getFullYear()
    let m = currentDate.getMonth() + 1
    let d = currentDate.getDate()
    function dateFormat(date, fmt) {
        let y = new Date(date).getFullYear()
        let m = new Date(date).getMonth() + 1
        let d = new Date(date).getDate()
        return `${y}${fmt}${m}${fmt}${d}`
    }
    switch (type) {
        case "prev":
            if (d - 1 < 1) {
                if (m - 1 < 1) {
                    y = y - 1
                    m = 12
                } else {
                    m = m - 1
                }
                d = new Date(y, m, 0).getDate()
            } else {
                d = d - 1
            }
            break
        case "current":
            break
        case "next":
            if (d + 1 > new Date(y, m, 0).getDate()) {
                if (m + 1 > 12) {
                    y = y + 1
                    m = 1
                    d = 1
                } else {
                    m = m + 1
                    d = 1
                }
            } else {
                d = d + 1
            }
            break;
    default:
      break;
    }
    return dateFormat(new Date(`${y}-${m}-${d}`), fmt)
}
console.log(getDays(new Date('2023-5-13'), "prev", "-"));
console.log(getDays(new Date('2023-5-30'), "next", "-"));
console.log(getDays(new Date('2023-5-31'), "next", "-"));

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JavaScript仿支付宝密码输入框

    JavaScript仿支付宝密码输入框

    那么今天我就用JavaScript代码来实现这个效果吧,那么首先介绍一下整个的思路,首先我们先将确定输入密码的位数,我的需求是5位,那么就用一个div标签包住5个input标签
    2015-12-12
  • javascript拖拽应用实例(二)

    javascript拖拽应用实例(二)

    这篇文章主要为大家详细介绍了javascript拖拽应用实例,拖拽条拖到底,验证码显示出来,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JS for...in 遍历语句用法实例分析

    JS for...in 遍历语句用法实例分析

    这篇文章主要介绍了JS for...in 遍历语句用法,结合实例形式分析了javascript的for...in语句进行数组遍历的具体流程与使用技巧,需要的朋友可以参考下
    2016-08-08
  • 微信小程序报错: thirdScriptError的错误问题

    微信小程序报错: thirdScriptError的错误问题

    这篇文章主要介绍了微信小程序报错: thirdScriptError,本文给大家分享解决方法,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • js 在定义的时候立即执行的函数表达式(function)写法

    js 在定义的时候立即执行的函数表达式(function)写法

    如果不需要显示调用函数, 让这个函数在定义的时候就执行的话, 该如何写才可以呢,接下来将详细介绍实现步骤,感兴趣的朋友可以了解下
    2013-01-01
  • 简单JS自动提示文本框代码

    简单JS自动提示文本框代码

    为了满足用户的方便,提供良好的自动提示功能就成为定级公司努力方向。废话少说,看例子
    2012-01-01
  • 微信小程序 自定义复选框实现代码实例

    微信小程序 自定义复选框实现代码实例

    这篇文章主要介绍了微信小程序 自定义复选框实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 在 localStorage 中上传和检索存储图像的示例详解

    在 localStorage 中上传和检索存储图像的示例详解

    这篇文章主要介绍了在 localStorage 中上传和检索存储图像,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JS操作HTML自定义属性的方法

    JS操作HTML自定义属性的方法

    这篇文章主要介绍了JS操作HTML自定义属性的方法,以实例形式分析了html中自定义属性的设置与对应的javascript操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript实现为input与textarea自定义hover,focus效果的方法

    JavaScript实现为input与textarea自定义hover,focus效果的方法

    这篇文章主要介绍了JavaScript实现为input与textarea自定义hover,focus效果的方法,可实现根据鼠标事件动态改变input与textarea样式的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08

最新评论