时间戳转年月日-基于vue

最新推荐文章于 2024-10-11 08:45:52 发布

珞珈山小鲁班

最新推荐文章于 2024-10-11 08:45:52 发布

阅读量592

点赞数 1

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_48286936/article/details/107393368

版权

vue 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

一般在src/utils里新建date.js

import Vue from 'vue';

// 时间戳转换为 YYYY-MM-DD HH:mm:ss
Vue.filter('formatDate', function(timeStamp, format) {
    if (timeStamp) {
      format = format || 'YYYY-MM-DD';
      let week = [
        '星期日',
        '星期一',
        '星期二',
        '星期三',
        '星期四',
        '星期五',
        '星期六'
      ];
      let date = new Date(parseInt(timeStamp));
      let o = {
        'M+': date.getMonth() + 1,
        'D+': date.getDate(),
        'h+': date.getHours() % 12,
        'H+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds(),
        'q+': Math.floor((date.getMonth() + 3) / 3),
        'S+': date.getMilliseconds(),
        'W+': week[date.getDay()]
      };
  
      if (/(Y+)/.test(format))
        format = format.replace(
          RegExp.$1,
          (date.getFullYear() + '').substr(4 - RegExp.$1.length)
        );
      for (let k in o)
        if (new RegExp('(' + k + ')').test(format))
          format = format.replace(
            RegExp.$1,
            RegExp.$1.length === 1
              ? o[k]
              : ('00' + o[k]).substr(('' + o[k]).length)
          );
      return format;
    }
  });

在需要的页面引入，

import { formatDate } from "@/utils/date.js";

在需要时间转换的地方：

{{ item.date | formatDate('YYYY-MM-DD HH:mm:ss')}}

以上，根据不同的时间需求转换时间格式~