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)
  },
相关推荐
yinke小琪3 分钟前
JavaScript DOM节点操作(增删改)常用方法
前端·javascript
枣把儿7 分钟前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
爱编程的喵10 分钟前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
豆苗学前端16 分钟前
手把手实现支持百万级数据量、高可用和可扩展性的穿梭框组件
前端·javascript·面试
yinke小琪18 分钟前
JavaScript 事件冒泡与事件捕获
前端·javascript
gzzeason31 分钟前
Ajax:现代JS发起http通信的代名词
前端·javascript·ajax
iphone10838 分钟前
一次编码,多端运行:HTML5多终端调用
前端·javascript·html·html5
paopaokaka_luck44 分钟前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
iccb10131 小时前
我是如何实现在线客服系统的极致稳定性与安全性的
前端·javascript·后端
一大树1 小时前
Vue3祖孙组件通信方法总结
前端·vue.js