菜鸟看前端(时间戳转换)
程序员文章站
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
- 先下载插件
npm install moment --save
- 在main.js中导入
import moment from 'moment'//导入文件
Vue.prototype.$moment = moment;//赋值使用
moment.locale('zh-cn');//需要汉化
- 在要使用的组件中导入
import moment from 'moment'//导入文件
- 自定义过滤器
可以通过
moment().format('LLLL');
来修改输出的样式,可以从官网查看定义格式
filters: {
datefilter: function (value) {
let val = value * 1000;
return moment(val).format("LLLL");
},
},
tip:如果接口返回的事件戳是十位的时间戳,需要进行乘1000,如果接口返回的是十三位的时间戳需要进行-0,或者其他操作把字符串转化为数值类型
<template></template>
中使用
<span>{{ drl.row.created_at | datefilter}}</span>
本文地址:https://blog.csdn.net/weixin_45891146/article/details/112570099