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" />