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)
  },
相关推荐
whinc22 分钟前
Node.js技术周刊 2026年第17周
前端·javascript
nbsaas-boot23 分钟前
100万门店级分货系统架构设计
前端·javascript·vue.js
l1t1 小时前
DeepSeek v4辅助生成的单文件SQL查询示例页面
javascript·数据库·sql
笋笋~2 小时前
el-tree 拖拽事件隔离:实现句柄独立控制,区域分离
javascript·vue.js·elementui
前端那点事2 小时前
Vue生命周期速查:Vue2+Vue3钩子全解析,新手也能秒懂
前端·vue.js
Aotman_3 小时前
Element UI 表格搜索高亮
前端·javascript·vue.js·ui·elementui
Dillon Dong3 小时前
【系列主题】拯救 OOM 与构建中断:Next.js 在 Docker 中的静态生成(SSG)避坑指南
开发语言·javascript·docker
han_hanker4 小时前
下拉模糊搜索多选, 编辑,详情问题
开发语言·javascript·ecmascript
yqcoder4 小时前
[特殊字符] Vue 3 中 Keep-Alive 对生命周期的影响:深度解析
前端·javascript·vue.js
jiayong234 小时前
第 33 课:任务看板视图(按状态分列)与本地持久化
开发语言·前端·javascript·学习