vue时间戳及日期格式化封装_vue 时间戳格式化-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44088179/article/details/132466227

本文介绍了如何在项目中创建date.js文件，提供了时间戳和日期的格式化/解析函数，以便于统一时间格式，包括YYYY-MM-DD、HH:mm:ss等，以及示例使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为避免我们在项目中多次进行时间转换我们对时间转换进行封装，代码如下

创建date.js文件

在项目utils文件夹中创建date.js文件
在这里插入图片描述

一、时间戳格式化

export const getTime = (data,formate = "YYYY-MM-DD HH:mm:ss") => {
  let value = Number(data.toString().split(".")[0]);
  let dt = new Date(value * 1000);
  let year = dt.getFullYear();
  let month = (dt.getMonth() + 1 + "").padStart(2, "0");
  let day = (dt.getDate() + "").padStart(2, "0");

  let hour = (dt.getHours() + "").padStart(2, "0");
  let min = (dt.getMinutes() + "").padStart(2, "0");
  let second = (dt.getSeconds() + "").padStart(2, "0");
  if (formate == 'YYYY') {
    return year;
  } else if (formate == 'YYYY-MM') {
    return `${year}-${month}`;
  } else if (formate == 'YYYY-MM-DD') {
    return `${year}-${month}-${day}`;
  } else if (formate == 'YYYY-MM-DD HH') {
    return `${year}-${month}-${day} ${hour}:00`;
  } else if (formate == 'YYYY-MM-DD HH:mm') {
    return `${year}-${month}-${day} ${hour}:${min}`;
  } else if (formate == 'YYYY-MM-DD HH:mm:ss') {
    return `${year}-${month}-${day} ${hour}:${min}:${second}`;
  }
}

使用方法

import { getTime} from '@/utils/date' 

getTime(1692840599,'YYYY-MM-DD')  //不传默认YYYY-MM-DD HH:mm:ss格式

二、日期格式化

export const parseDate = (time, formate = "YYYY-MM-DD HH:mm:ss") => {
  if (!time) {
    return "";
  }
  let date = new Date(time),
    year = date.getFullYear(),
    month = returnZero(date.getMonth() + 1),
    day = returnZero(date.getDate()),
    hour = returnZero(date.getHours()),
    min = returnZero(date.getMinutes()),
    second = returnZero(date.getSeconds());
  if (formate == 'YYYY') {
    return year;
  } else if (formate == 'YYYY-MM') {
    return `${year}-${month}`;
  } else if (formate == 'YYYY-MM-DD') {
    return `${year}-${month}-${day}`;
  } else if (formate == 'YYYY-MM-DD HH') {
    return `${year}-${month}-${day} ${hour}:00`;
  } else if (formate == 'YYYY-MM-DD HH:mm') {
    return `${year}-${month}-${day} ${hour}:${min}`;
  } else if (formate == 'YYYY-MM-DD HH:mm:ss') {
    return `${year}-${month}-${day} ${hour}:${min}:${second}`;
  }
}

export const returnZero = (date) => {
  //时间返回加0
  return date < 10 ? "0" + date : date;
}

使用方法

import { parseDate } from '@/utils/date' 

parseDate(new Date(),'YYYY-MM-DD')  //不传默认YYYY-MM-DD HH:mm:ss格式