Vue如何根据某个时间值获取当月的最后一天

工作中会用到日期组件，有时候选择结束日期只需要用户选择年月，然后需要程序自动补全当月的最后一天，生成yyyy-MM-dd的字符串格式传到后端。

// 纯JS实现

let getEndDateFn = (value) => { // 形参value值的格式为yyyy-MM-dd或yyyy-MM
? ? ? let date = new Date(value);
? ? ? let month = date.getMonth() + 1;
? ? ? month = month < 10 ? "0" + month : month;
? ? ? let dayEnd = new Date(date.getFullYear(), month, 0).getDate();
? ? ? let dateValue?= ?date.getFullYear() + "-" + month + "-" + dayEnd;
? ? ? return dateValue?;
? ? }

// 使用

let endDate =?getEndDateFn("2024-01");

console.log(endDate);

还有一种我比较喜欢的方式，引入moment.js插件?

// 第一步是安装moment

npm?i?moment-timezone

// 在页面引用moment

import moment from "moment-timezone";

// 要把moment写在data的return里

data()?{

????return?{

????????moment,

? ? }

}

/*?在方法里使用 */

// 获取当月第一天：
moment(currDate).startOf(“month”).format(“YYYY-MM-DD”)
// 获取当月最后一天：
moment(currDate).endOf(“month”).format(“YYYY-MM-DD”)