本文主要是写给新手的,我本身也是一个新手。大牛请忽略~若是有错误请指出
最近在写Vue的项目中遇到了时间转换的问题,因此就开始找资料。
发现可使用Vue的过滤器(filter)来处理
处理时间的业界牛逼类库 moment.js
下面来讲一下用法
第一步:安装vue
npm install moment --save
第二步:在main.js中引用npm
import moment from 'moment/moment'
第三步:在main.js中添加过滤器api
Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD HH:mm:ss'; // return moment(value).format(formatString); return moment.unix(value).format(formatString); // 这是时间戳转时间 }); /* eslint-disable no-new */ new Vue({ el: '#app', template: '<App/>', components: { App } })
第四步: 在vue页面中使用过滤器app
<template> <div id="app"> <div> {{ datetime | moment }} </div> </div> </template> <script> export default { name: 'app', data () { return { datetime: '1500799859' } } } </script>
第五步: 结果eslint
2017-07-23 16:50:59