一、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/n/183459.html
微信扫一扫 
支付宝扫一扫 