欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

菜鸟看前端(时间戳转换)

程序员文章站 2022-06-22 17:01:18
时间戳转换自定义过滤器转换,百度一搜一大把,这篇博客讲的是vue中使用Moment.jsvue中使用moment.jsMoment.js官网先下载插件npm install moment --save在main.js中导入import moment from 'moment'//导入文件Vue.prototype.$moment = moment;//赋值使用 moment.locale('zh-cn');//需要汉化在要使用的组件中导入import moment...

时间戳转换

自定义过滤器转换,百度一搜一大把,这篇博客讲的是vue中使用Moment.js

vue中使用moment.js

Moment.js官网

  1. 先下载插件
npm install moment --save
  1. 在main.js中导入
import moment from 'moment'//导入文件
Vue.prototype.$moment = moment;//赋值使用
 moment.locale('zh-cn');//需要汉化
  1. 在要使用的组件中导入
import moment from 'moment'//导入文件
  1. 自定义过滤器

可以通过moment().format('LLLL');来修改输出的样式,可以从官网查看定义格式

  filters: {
    datefilter: function (value) {
      let val = value * 1000;
      return moment(val).format("LLLL");
    },
  },

tip:如果接口返回的事件戳是十位的时间戳,需要进行乘1000,如果接口返回的是十三位的时间戳需要进行-0,或者其他操作把字符串转化为数值类型

  1. <template></template>中使用
 <span>{{ drl.row.created_at | datefilter}}</span>

菜鸟看前端(时间戳转换)

本文地址:https://blog.csdn.net/weixin_45891146/article/details/112570099

相关标签: vue项目 vue