一、Vue時間格式化處理
在Vue中，我們常常需要對日期數據進行格式化處理。Vue提供的時間格式化方法是受到JavaScript的Date對象提供的方法所影響的。Date對象中提供了get方法，可以獲取日期相關的信息，也有set方法，可以設置日期相關的信息，當然，還有toString和toDateString方法，可以格式化日期和時間。下面是一段代碼示例，通過Vue實現格式化一個時間戳為年月日：
new Vue({
el: '#app',
data: {
timestamp: 1625802726000,
formattedDate: ''
},
created() {
this.formattedDate = new Date(this.timestamp).toLocaleDateString();
}
});
二、Vue時間格式化組件
Vue為我們提供了一個開源組件庫vue-moment，可以快速方便地對時間進行格式化。我們可以使用npm安裝這個組件,使用moment.js庫快速格式化時間，並且該庫會自動添加本地化。
npm install vue-moment moment
下面是一個使用vue-moment組件的示例：
{{ created_at | moment("LLL") }}
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/183459.html
微信掃一掃 
支付寶掃一掃 