VUE获取上月、当月、前几月等等问题

简介: VUE获取上月、当月、前几月等等问题
很多时候 日期组件并不能完全满足需要,有时候页面需要内置一些按钮组件,比如
这个时候 就需要动态的更换传递的日期。
代码如下:
methods{
   //时间解析
    Time(now) {
      let year=new Date(now).getFullYear();
      let month=new Date(now).getMonth()+1;
      let date=new Date(now).getDate();
      if (month < 10) month = "0" + month;
      if (date < 10) date = "0" + date;
      return year+"-"+month+"-"+date
    },
     //获得某月的天数:
    getMonthDays:function (myMonth){
      let monthStartDate = new Date(new Date().getFullYear(), myMonth, 1);
      let monthEndDate = new Date(new Date().getFullYear(), myMonth + 1, 1);
      let days = (monthEndDate - monthStartDate)/(1000 * 60 * 60 * 24);
      return days;
    }
}
//用法: 比如 获取上月的数据(其余的情况 自己根据方法修改即可)
 let startTime=this.Time(new Date(new Date().getFullYear(),new Date().getMonth()-1,1));
let endTime=this.Time(new Date(new Date().getFullYear(),new Date().getMonth()-1,this.getMonthDays(new Date().getMonth()-1)));
相关文章
|
5天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
8 0
|
5天前
|
JSON JavaScript 前端开发
【vue】假数据的选择和使用
【vue】假数据的选择和使用
11 1
|
5天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
12 0
|
1天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
1天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
1天前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
2天前
|
JavaScript 前端开发 BI
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
开发环境 技术架构:前后端分离 开发语言:C#.net6.0 开发工具:vs2022,vscode 前端框架:Vue,Ant-Design 后端框架:百小僧开源框架 数 据 库:sqlserver2019
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
|
4天前
|
监控 JavaScript
Vue中的数据变化监控与响应——深入理解Watchers
Vue中的数据变化监控与响应——深入理解Watchers
|
4天前
|
JavaScript 安全 前端开发
Vue 项目中的权限管理:让页面也学会说“你无权访问!
Vue 项目中的权限管理:让页面也学会说“你无权访问!
14 3
|
4天前
|
JavaScript 前端开发 开发者
Vue的神奇解锁:冒险的开始
Vue的神奇解锁:冒险的开始
5 1