效果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