时间选择框选择月份后生成选择月份的第一天以及下一个月份的第一天

const onChange = e => {
    const date = e ? new Date(e.$d) : new Date()
    // 获取年份和月份
    const year = date.getFullYear()
    let month = date.getMonth() + 1
    // 格式化月份，确保为两位数字
    month = month <= 9 ? '0' + month : month
    // 计算结束年份和月份
    const endMonth =
      month == 12 ? '01' : parseInt(month) + 1 <= 9 ? '0' + (parseInt(month) + 1) : (parseInt(month) + 1).toString()
    const endYear = month == 12 ? year + 1 : year
    // 生成开始时间和结束时间字符串
    const startDate = `${year}-${month}-01`
    const endDate = `${endYear}-${endMonth}-01`
    console.log(`开始时间: ${startDate}, 结束时间: ${endDate}`)
  }

<DatePicker v-model:value="date" onChange={onChange} picker="month" />