Angular 2.x折腾记：(11) 写一个挺不靠谱的多少秒/分/时/天前的管道

最新推荐文章于 2024-07-06 14:45:42 发布

crper

最新推荐文章于 2024-07-06 14:45:42 发布

阅读量1.6k

点赞数

分类专栏： NG2-4折腾记 Angular 2+折腾记文章标签： angular 6 timeago管道

本文链接：https://blog.csdn.net/crper/article/details/81271743

版权

本文记录了在Angular 2.x中创建一个显示时间差的timeago管道的过程，包括前置知识、实现代码及用法。通过这个管道，可以方便地将时间戳转化为诸如‘多少秒/分/时/天前’的友好格式。

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

前言

在写东西的时候发现需要这么一个东西,

而也找不到有人写这个东东,那就自己写一个吧

效果图

之前

用了管道之后

前置基础

ng2+的基础知识
typescript基础

实现代码

LongTimeago.pipe.ts


import { Pipe, PipeTransform } from "@angular/core";

function timeago(differtime: number, args: number = 5): string {
  const currentYear: number = new Date().getFullYear(); // 获取当前的年份

  // 不靠谱的时间戳映射
  const TimetoSecond: any = {
    year: new Date(`${currentY