vue 通过moment.js日期格式化

moment.js官网点击这里

vue项目中安装:npm i -S moment,注意是-S ,打包输出依赖的库;

1:在vue项目里建一个公用的utility.js供所有单页组件全局使用, 其内容为:

var moment = require('moment');

function momentFormat(fmt){
    if (fmt === undefined) fmt = "YYYY-MM-DD HH:mm:ss";
    return moment().format(fmt);
}

export default {
  momentFormat,
};

可以增加其他公用方法;

2: 在main.js中给Vue类添加原型对象:Vue.prototype.$utility=utility;

import Vue from 'vue'
import App from './App'
import utility from './assest/js/utility';
Vue.prototype.$utility=utility;
// Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h=>h(App),
})

3:使用工具类的方法:

 

你可能感兴趣的:(Vue)