Vue时间戳（年/月/日/时:分:秒and 刚刚/一分钟前···）

最新推荐文章于 2024-09-07 23:20:26 发布

折海棠赠晩宁.

最新推荐文章于 2024-09-07 23:20:26 发布

阅读量1.4k

点赞数 1

文章标签： vue 过滤器 javascript 安卓 html

本文链接：https://blog.csdn.net/zzDAYTOY/article/details/107092223

版权

本文介绍如何在Vue中使用自定义过滤器处理时间戳，将10位和13位时间戳转化为易读的年/月/日/时:分:秒格式，并实现"刚刚"、"一分钟前"等相对时间显示。详细展示了过滤器的实现方法及实际应用效果。

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

<template>里面的内容

  <span class="shijian">
  {
   {
   item.create_at | dateFilters}}
  </span>

item.create_at是axios请求到的数据
dateFilters是调用时间过滤器的方法

<script>中的内容

 filters: {
   
    dateFilters: function(value) {
   
      var year = 24 * 60 * 60 * 1000 * 365;
      var month = 24 * 60 * 60 * 1000 * 30;
      var day = 24 * 60 * 60 * 1000;
      var hour = 60 * 60 * 1000;
      var minute = 60 * 1000;

      var newDate = new Date().getTime();
      var time = new Date(value).getTime();
      var date = newDate - time;

      var years =
        parseInt(date / year) > 0 ? `${
     parseInt(date / year)}年前` : "";
      var months =
        parseInt(date / month) > 0 ? `${
     parseInt(date / month)}月前` : "";
      var days = parseInt(date / day) > 0 ? `${
     parseInt(date / day)}