一、常用日期格式化方法
// 1. 使用Date对象toLocaleString()方法进行格式化
let date = new Date();
let strDate = date.toLocaleString(); // 2022/1/5 下午2:05:21
// 2. 使用Intl.DateTimeFormat()方法进行格式化
let date = new Date();
let options = { year: 'numeric', month: 'long', day: 'numeric' };
let formatter = new Intl.DateTimeFormat('zh-cn', options);
let strDate = formatter.format(date); // 2022年1月5日
// 3. 使用moment.js库进行格式化
import moment from 'moment';
let date = new Date();
let strDate = moment(date).format('YYYY年MM月DD日'); // 2022年01月05日
在Vue中，我们通常使用第三种方法，即使用moment.js库进行日期格式化。它使用起来方便简单，且支持多种语言、时区等功能。
二、Vue过滤器中的日期格式化
// main.js中引入moment.js库
import moment from 'moment';
Vue.prototype.$moment = moment;
// 在Vue过滤器中使用
Vue.filter('formatDate', function(value, formatStr) {
if (!value) return '';
return moment(value).format(formatStr);
});
// 在组件中使用
{{ date | formatDate('YYYY年MM月DD日') }}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/207163.html
微信扫一扫 
支付宝扫一扫 