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)
  },
相关推荐
菜鸟茜3 分钟前
ES6核心知识解析01:什么是ES6以及为什么需要ES6
前端·javascript·es6
David凉宸5 分钟前
Vue 3 项目的性能优化策略:从原理到实践(页面展示)
javascript·vue.js·性能优化
摘星编程10 分钟前
在OpenHarmony上用React Native:ImageGIF动图播放
javascript·react native·react.js
摘星编程15 分钟前
React Native + OpenHarmony:Text文本高亮显示
javascript·react native·react.js
忧郁的Mr.Li27 分钟前
设计模式--单例模式
javascript·单例模式·设计模式
摘星编程30 分钟前
在OpenHarmony上用React Native:Text文本可点击链接
javascript·react native·react.js
Byron070744 分钟前
基于 Vue 的微前端架构落地实战:从 0 到 1 搭建企业级多应用体系
前端·vue.js·架构
一位搞嵌入式的 genius1 小时前
从 URL 到渲染:JavaScript 性能优化全链路指南
开发语言·前端·javascript·性能优化
芭拉拉小魔仙1 小时前
Vue 3 组合式 API 详解:告别 Mixins,拥抱函数式编程
前端·javascript·vue.js
别叫我->学废了->lol在线等1 小时前
taiwindcss的一些用法
前端·javascript