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获取当前月的第一天和最后一天内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue3 setup语法糖各种语法新特性的使用方法(vue3+vite+pinia)
这篇文章主要介绍了vue3 setup语法糖各种语法新特性的使用(vue3+vite+pinia),本文主要是记录vue3的setup语法糖的各种新语法的使用方法,需要的朋友可以参考下2022-09-09
Vue element-ui中表格过长内容隐藏显示的实现方式
在Vue项目中,使用ElementUI渲染表格数据时,如果某一个列数值长度超过列宽,会默认换行,造成显示不友好,下面这篇文章主要给大家介绍了关于Vue element-ui中表格过长内容隐藏显示的实现方式,需要的朋友可以参考下2022-09-09
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
这篇文章主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
Vue使用 onMounted 确保在组件挂载后执行异步操作示例详解
在 Vue.js 或其他类似框架中,使用 onMounted 是为了确保在组件挂载后执行异步操作,这篇文章主要介绍了Vue使用onMounted确保在组件挂载后执行异步操作,需要的朋友可以参考下2023-06-06


最新评论