vue3 实际应用 将一个日期使用 moment.js 实现星期 今天 明天 ...

数据源

["2025-01-23","2025-01-24","2025-01-25","2025-01-28","2025-01-26","2025-01-27"
]

后端给返回了一个这样的数据 日期数据

实际应用中实现的是这样的显示效果  

日期需要这样显示的tabs 栏

我们需要将这个数组处理

//获取时间格式
const getTimes = () => {const times = timesList?.valueconst arr: any = []times?.forEach(item => {const time = item.namelet t = getweek(moment(time).startOf('day').format('E'))if (time === moment().format('YYYY-MM-DD')) {t = '今天'} else if (time === moment().subtract(-1, 'days').format('YYYY-MM-DD')) {t = '明天'} else if (time === moment().subtract(-2, 'days').format('YYYY-MM-DD')) {t = '后天'}arr.push({time: time,t: t,a: time.substr(5, 9)})});tabTimesList.value = arr
}
const getweek = (val) => {const week = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']return week[val - 1];
};

首先项目里需要安装 moment 

安装了以后

需要使用moment 中的方法 

这个可以固定使用