vue日期时间过滤

    科技2024-07-26  11

    vue日期时间过滤

    1、安装

    npm install moment --save

    2、在main.js中引用

    import moment from 'moment/moment'

    3、在main.js中添加过滤器

    Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD HH:mm:ss'; return moment(value).format(formatString); // value可以是普通日期 20170723 //return moment.unix(value).format(formatString); // 这是时间戳转时间 }); /* eslint-disable no-new */ new Vue({ el: '#app', template: '<App/>', components: { App } })

    4、在vue页面中使用过滤器

    <template> <div id="app"> <div> {{ datetime | moment }} </div> </div> </template> <script> export default { name: 'app', data () { return { datetime: '1500799859' } } } </script>
    Processed: 0.009, SQL: 8