vue3友好时间格式处理

最新推荐文章于 2024-06-06 16:41:44 发布

℘团子এ

最新推荐文章于 2024-06-06 16:41:44 发布

阅读量512

点赞数 2

分类专栏： vue3 文章标签： typescript 前端 javascript vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/2202_75509848/article/details/128942389

版权

vue3 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

创建了一个名为Dateformatter.ts的文件，包含traversalTime、handleTime和handleTimes三个函数，用于处理和格式化时间。这些函数根据与当前时间的差距返回不同的时间表示，如刚刚、几分钟前等，或者格式化的日期和时间。在实际应用中，例如在初始化数据时，可以用来处理广告列表的创建时间。

摘要由CSDN通过智能技术生成

1.在uilt文件夹下新建一个Dateformatter.ts文件用于封装处理时间格式的函数

// 时间格式处理
export function traversalTime(data: any) {
    var nowTime = new Date().getTime()//获取当前时间的毫秒数
    var diffence = (nowTime - data) / 1000//与当前时间的秒差
    var time = new Date(data);//转为本地时间格式
    var y = time.getFullYear();//获取年份
    var m = time.getMonth() + 1;//获取月份
    var d = time.getDate();//获取天
    var h = time.getHours();//获取小时
    var mm = time.getMinutes();//获取分钟
    var s = time.getSeconds();//获取秒钟
    var getFullYear = y + '-' + addTimes(m) + '-' + addTimes(d) + ' ' + addTimes(h) + ':' + addTimes(mm)
    if (diffence < 30) {
        return "刚刚"
    } else if (diffence / 60 < 60) {
        return Math.round(diffence / 60) + "分钟前"
    } else if (diffence / 60 / 60 < 24) {
        return Math.round(diffence / 60 / 60) + "小时前"
    } else if (diffence / 60 / 60 < 48) {
        return "两天前"
    } else {
        return getFullYear
    }
}
export function handleTime(data: any) {
    var nowTime = new Date().getTime()//获取当前时间的毫秒数
    var diffence = (nowTime - data) / 1000//与当前时间的秒差
    var time = new Date(data);//转为本地时间格式
    var y = time.getFullYear();//获取年份
    var m = time.getMonth() + 1;//获取月份
    var d = time.getDate();//获取天
    var h = time.getHours();//获取小时
    var mm = time.getMinutes();//获取分钟
    var s = time.getSeconds();//获取秒钟
    var getFullYear = y + '-' + addTimes(m) + '-' + addTimes(d) + ' ' + addTimes(h) + ':' + addTimes(mm) + ':' + addTimes(s)
    return getFullYear
}
function addTimes(m: number) {
    return m < 10 ? '0' + m : m
}
export function handleTimes(data: any) {
    var nowTime = new Date().getTime()//获取当前时间的毫秒数
    var diffence = (nowTime - data) / 1000//与当前时间的秒差
    var time = new Date(data);//转为本地时间格式
    var y = time.getFullYear();//获取年份
    var m = time.getMonth() + 1;//获取月份
    var d = time.getDate();//获取天
    var h = time.getHours();//获取小时
    var mm = time.getMinutes();//获取分钟
    var s = time.getSeconds();//获取秒钟
    var getFullYear = y + '-' + addTimes(m) + '-' + addTimes(d) + ' ' + addTimes(h) + ':' + addTimes(mm)
    return getFullYear
}

2.需要用到的组件中引入后直接使用

import { traversalTime } from '@/util/Dateformatter';

// 初始化数据
function init() {
  post({}, data.value).then(res => {
    let { total, items } = res.data
    console.log(res, "广告列表");
    pagination.total = total
    let obj = items.map((item: TypeAdvRow) => {
      return { ...item, createTime: traversalTime(item.gmtCreate) }//处理时间
    })
    advList.value = obj
    console.log(advList.value, "数据处理");
  })
}