时间戳转化你想要的格式

最新推荐文章于 2024-08-25 09:57:22 发布

想个名字想老半天

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量91

点赞数

分类专栏： vue JavaScript 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/MistShown/article/details/128728480

版权

vue 同时被 2 个专栏收录

12 篇文章 1 订阅

订阅专栏

JavaScript

3 篇文章 0 订阅

订阅专栏

时间戳转化你想要的格式

下面的这个组件是我自己封装的基于vue2版本

首先在项目里创建 utils (方法文件夹)
在 utils 文件夹里创建 formatDate.js文件

formatDate内容

function formatTen(num) {
  return num > 9 ? (num + "") : ("0" + num);
}

function formatDate(date, type) {
  if (!date) {
    return ''
  }
  let dates = date
  dates = new Date(date)
  let year = dates.getFullYear();
  let month = dates.getMonth() + 1;
  let day = dates.getDate();
  let hour = dates.getHours();
  let minute = dates.getMinutes();
  let second = dates.getSeconds();
  if (type == 1) {
    //2021/08/30 12:00:00
    return year + "/" + formatTen(month) + "/" + formatTen(day) + " " + formatTen(hour) + ":" +
      formatTen(minute) + ":" + formatTen(second);
  } else if (type == 2) {
    //2021-08-30 11:10:23
    return year + "-" + formatTen(month) + "-" + formatTen(day) + " " + formatTen(hour) + ":" +
      formatTen(minute) + ":" + formatTen(second);
  } else if (type == 3) {
    //2021年8月30日
    return year + "年" + formatTen(month) + "月" + formatTen(day) + "日";
  } else if (type == 4) {
    //2-28
    return formatTen(month) + "-" + formatTen(day);
  } else if (type == 5) {
    //3月23 10:00
    return formatTen(month) + "月" + formatTen(day) + " " + formatTen(hour) + ":" + formatTen(
    minute);
  }
}

export default formatDate;

main.js里导入全局转化方法

import formatDate from "@/utils/formatDate"

Vue.prototype.formatDate = formatDate

页面中使用

let time = new Date() - 24*60*60*1000;
let type = 1
// type == 1 => 2023/01/18 12:00:00
// 2 => 2023-01-18 12:00:00
// 3 => 2023年1月18日
// 4 => 1-18
// 5 => 1月18 12:00
this.timeResult = this.formatDate(time,type)