vue使用moment格式化时间

tech2023-12-22  74

第一、安装moment

npm install moment --save

第二、在main.js引入moment,并且设一个全局的过滤器

import Vue from 'vue' import App from './App.vue' import moment from 'moment' import './assets/css/bootstrap.min.css' import './assets/css/index.css' Vue.config.productionTip = false Vue.filter('dateFormat', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(dataStr).format(pattern) }) new Vue({ render: h => h(App) }).$mount('#app')

第三、在view上使用过滤器

<template> <div> <div class="list" v-for="content of contents" :key="content.id"> {{content.updatedAt| dateFormat('YYYY-MM-DD HH:mm:ss')}} </div> </div> </template>
最新回复(0)