效果1

• YYYY-MM-DD
  

效果2

• YYYY-MM-DD HH:mm:ss
  

配置注意事項

• 由于時間格式化,在大多數頁面中都會用到,因此建議配置在全局中

• 使用moment函數 -> http://momentjs.cn/

• npm 安裝

# 命令行 cnpm i moment -S

• 在全局中配置

// main.js import moment from 'moment'Vue.filter('dateFormat', (str, partten = "YYYY-MM-DD HH:mm:ss") => {return moment(str).format(pattern); })

• 在組件中使用1

// NewsList.vue <p class="mui-ellipsis"><span>發表時間: {{ item.add_time | dateFormat }} </span> </p>// 2019-09-19 16:11:33

• 在組件中使用2

// NewsList.vue <p class="mui-ellipsis"><span>發表時間: {{ item.add_time | dateFormat("YYYY-MM-DD") }} </span> </p>// 2019-09-19

總結

以上是生活随笔為你收集整理的vue --- 全局配置过滤函数,使用moment函数来格式化时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。