vue中使用moment.js(時間格式化插件)

vue中使用moment.js(時間格式化插件)

https://blog.csdn.net/qq_37899792/article/details/89204270
安裝moment.js
npm install moment --save
全局過濾器
main.js中

import moment from 'moment'
//定義一個全局過濾器實現日期格式化
Vue.filter('datrfmt',function (input,fmtstring) {//當input爲時間戳時，需轉爲Number類型
  // 使用momentjs這個日期格式化類庫實現日期的格式化功能
  return moment(input).format(fmtstring);
});
vue文件中

<p class="subtitle">
     <span>發表時間：{{ createTime | datefmt('YYYY-MM-DD HH:mm:ss')}}</span>   
 </p>
全局方法（在vue實例掛載moment方法）
main.js中

import moment from 'moment'
Vue.prototype.$moment = moment
在vue文件中

const createDate = this.$moment(this.createTime).format('YYYY-MM-DD') //2019-04-11