资讯专栏INFORMATION COLUMN

前端笔记 vue/js/git

walterrwu / 2533人阅读

摘要:时间时间格式转换时间格式两位数获取对应的时间数据返回所需时间格式日期格式时间戳转化文本时间格式转化格式支持问题获取对应的时间数据刚刚分钟前小时前天前

Vue
vue-router

query: this.$route.query.name
params: this.$route.params.name

Js 时间

时间格式转换

// 时间格式·两位数
function ToDoubleDigit(num) {
  return num < 10 ? "0" + num : num;
}

// 获取time对应的时间数据
function TimeToData(date) {
  const Y = date.getFullYear();
  const M = ToDoubleDigit(date.getMonth() + 1);
  const D = ToDoubleDigit(date.getDate());
  const h = ToDoubleDigit(date.getHours());
  const m = ToDoubleDigit(date.getMinutes());
  const s = ToDoubleDigit(date.getSeconds());
  return {
    Y,
    M,
    D,
    h,
    m,
    s
  };
}

// 返回所需时间格式
function ToTimeFormat(time, type) {
  let date; // js日期格式 getMonth()
  if (
    String(time).indexOf("-") === -1 &&
    String(time).indexOf("/") === -1 &&
    String(time).length === 10
  ) {
    // 时间戳转化
    date = new Date(Number(time) * 1000);
  } else {
    // 文本时间格式转化
    const stringTime = String(time).replace(/-/g, "/"); // ios格式支持问题
    date = new Date(stringTime);
  }
  const { Y, M, D, h, m, s } = TimeToData(date); // 获取time对应的时间数据
  if (type === 1) {
    return Y + "-" + M + "-" + D + " " + h + ":" + m + ":" + s;
  }
  if (type === 2) {
    const between = Date.now() / 1000 - new Date(time).getTime();
    const nowDate = TimeToData(new Date());
    const nowY = nowDate.Y;
    const nowM = nowDate.M;
    if (nowY === Y) {
      if (nowM === M) {
        if (between < 60) {
          return "刚刚";
        } else if (between < 3600) {
          return pluralize(~~(between / 60), " 分钟前");
        } else if (between < 86400) {
          return pluralize(~~(between / 3600), " 小时前");
        } else {
          return pluralize(~~(between / 86400), " 天前");
        }
      } else {
        return M + "/" + D + " " + h + ":" + m;
      }
    }
    return Y + "/" + M + "/" + D + " " + h + ":" + m;
  }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109506.html

相关文章

  • 重学前端学习笔记(一)--前端发展史以及学习痛点

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以...

    hlcfan 评论0 收藏0
  • 重学前端学习笔记(一)--前端发展史以及学习痛点

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以...

    wayneli 评论0 收藏0
  • 重学前端学习笔记(一)--前端发展史以及学习痛点

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以...

    davidac 评论0 收藏0

发表评论

0条评论

walterrwu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<