vue中时间戳转日期格式化的方法(一看就会)

Posted 铁锤妹妹@

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中时间戳转日期格式化的方法(一看就会)相关的知识,希望对你有一定的参考价值。

一. 利用vue的filter过滤器

这里用到的是局部过滤器
首先需要安装moment时间插件 moment文档

npm install moment

然后在需要过滤的文件中引入moment时间插件

import moment from 'moment';

代码如下

<template>
<div>
  <div class="admin-apply-time">{{content.create_time | timeFilter}}</div>
</div>
</template>

<script>
import moment from 'moment'
export default {
  props: {
    content: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {

    }
  },
  filters: {
    timeFilter (val) {
      return moment(val * 1000).format('YYYY-MM-DD HH:mm:ss')
    }
  }
}
</script>

<style>

</style>

二. 调用函数方法

<template>
  <div>
    <mytable
      :columns="columns"
      :renderData="renderData"
    >
      <template #add="scope">
        {{ filterTime(scope.row.add_time) }}
      </template>
    </mytable>
  </div>
</template>

<script>
import mytable from "@/components/table/index.vue";
import moment from "moment";
export default {
  data() {
    return {
      columns: [],
      renderData: [], // 表格数据
    };
  },
  methods: {
    filterTime(value) {
      if (value != null || value != "") {
          let val = value + "000";
          let momentObj = moment(val * 1).format("YYYY-MM-DD HH:mm:ss");
          return momentObj;
      }else{
      return '';
    }
  },
  components: {
    mytable
  }
};
</script>

<style lang="scss" scoped></style>

以上是关于vue中时间戳转日期格式化的方法(一看就会)的主要内容,如果未能解决你的问题,请参考以下文章

vue.js怎样将时间戳转化为日期格式

vue.js怎样将时间戳转化为日期格式

vue.js怎样将时间戳转化为日期格式

js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳

vue 时间戳转日期 校验正整数 校验数字带小数点 是不是是字母数字

安卓时间戳转成时间存在误差