Vue通过moment插件实现获取当前月的第一天和最后一天
更新时间:2023年10月31日 09:34:33 作者:qq_42753983
这篇文章主要介绍了Vue 结合插件moment 实现获取当前月的第一天和最后一天,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
Vue 结合插件moment 实现获取当前月的第一天和最后一天
1.下载依赖moment npm install moment 2. 在当前页面使用插件moment import moment from "moment"; 3.实际操作 getDate(val) { let month = val.slice(5); //当前日期 let time = new Date(); //选取的月份 let monthNum = month; //某月第一天 let startTime = moment(time).month(monthNum - 1).date(1).startOf("month") .format("YYYY-MM-DD"); //某月最后一天 let endTime = moment(time).month(monthNum - 1).date(1).endOf("month") .format("YYYY-MM-DD"); //日期选择器 中的值 this.dateRange = startTime + "~" + endTime; }, 4.使用过程 调用这个方法传参数就可以,this.getDate(val) val为这种格式 '2022-05'
以下为扩展知识
1、获取当前时间 moment().format('YYYY-MM-DD HH:mm:ss') 2、获取当月的一号 moment().startOf('months').format('YYYY-MM-DD') 3、获取当月的最后一天 moment().endOf('months').format('YYYY-MM-DD') 4、获取上个月的一号 moment().subtract(1, 'months').startOf('months').format('YYYY-MM-DD') 5、获取上个月的最后一天 moment().subtract(1, 'months').endOf('months').format('YYYY-MM-DD') 6、获取当前年 moment().year() 7、获取上一年 moment().add(-1, 'years').format('YYYY') 8、获取下一年 moment().add(1, 'years').format('YYYY') 9、获取去年的月初 moment().add(-1, 'years').startOf('months').format('YYYY-MM-DD') 10、获取去年的月末 moment().add(-1, 'years').month(11).endOf('months').format('YYYY-MM-DD')
到此这篇关于Vue 结合插件moment 实现获取当前月的第一天和最后一天的文章就介绍到这了,更多相关vue获取当前月的第一天和最后一天内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
浅谈vue 组件中的setInterval方法和window的不同
这篇文章主要介绍了浅谈vue 组件中的setInterval方法和window的不同,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07详解VUE 对element-ui中的ElTableColumn扩展
本篇文章主要介绍了详解VUE 对element-ui中的ElTableColumn扩展,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-03-03vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
本文主要对vue 用$emit 与 $on 来进行组件之间的数据传输。重点给大家介绍vue中的$emit 与$on父子组件与兄弟组件的之间通信方式,感兴趣的朋友一起看看2018-05-05vue3+ts+elementPLus实现v-preview指令
本文主要介绍了vue3+ts+elementPLus实现v-preview指令,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-05-05
最新评论