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”)