el-date-picker月选择器获取选择的日期范围

javascript 复制代码
<el-date-picker
          v-model="monthValue"
          type="month"
          placeholder="选择月"
          value-format="yyyy-MM-dd"
          @change="monthChange"
        >
</el-date-picker>
​
   
   monthChange(val) {
      const [year, month, day] = val.split('-') // 获取对应的年月日
      const endDate = new Date(year, month, 0).getDate() // 获取对应的年所在月有多少天
      let res = [`${year}-${month}-${day}`, `${year}-${month}-${endDate}`]
      console.log(res)
  },
相关推荐
一个处女座的程序猿O(∩_∩)O5 分钟前
React Native 全面解析:跨平台移动开发的利器
javascript·react native·react.js
幸运小圣11 分钟前
defineAsyncComponent【Vue3】
前端·javascript·vue.js
晚霞的不甘16 分钟前
华为云 DevUI 微前端实战:基于 Module Federation 的多团队协作架构落地
javascript·zookeeper·云原生·华为云·firefox
大猩猩X24 分钟前
vxe-gantt vue table 甘特图子任务多层级自定义模板用法
vue.js·甘特图·vxe-table·vxe-ui
韩曙亮27 分钟前
【Web APIs】元素可视区 client 系列属性 ( client 属性简介 | 常用的 client 属性 | 使用场景 | 代码示例 )
前端·javascript·css·css3·bom·client·web apis
不一样的少年_29 分钟前
【错误监控】别只做工具人了!手把手带你写一个前端错误监控 SDK
前端·javascript·监控
艾小码36 分钟前
还在手动处理页面跳转?掌握Vue Router 4,你的导航效率翻倍!
前端·javascript·vue-router
xxy-mm7 小时前
Javascript 中的继承
开发语言·javascript·ecmascript
1024肥宅9 小时前
手写 EventEmitter:深入理解发布订阅模式
前端·javascript·eventbus
EveryPossible10 小时前
google搜索框
vue.js