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)
  },
相关推荐
宁雨桥1 天前
深入理解 async/await的原理
前端·javascript·es8
心连欣1 天前
轮播图实战:用Web API玩转元素属性操作
前端·javascript·api
剑神一笑1 天前
从 JSON.parse 到树形视图:实现一个在线 JSON 格式化工具
前端·javascript·json
淸湫1 天前
JavaScript常用正则表达式大全
前端·javascript
脱缰胖虎1 天前
vue3+lodash+ts+tailwin 实现多行文本的展开收起代码(支持渲染html)
前端·vue.js
米丘1 天前
vue3.5.x 单文件组件(SFC)样式编译过程
css·vue.js·postcss
最炫的美少女战士1 天前
claude code 安装报错claude native binary not installed.
javascript
肥羊zzz1 天前
Vue2 vs Vue3 中 v-for 的 key 用法对比
前端·vue.js
用户2367829801681 天前
Canvas:实现一个高颜值二维码生成器
javascript
剑神一笑1 天前
从字符串到时间线:实现一个 Cron 表达式解析器
javascript·typescript·reactjs