首页 > 编程语言 >JavaScript、vue、uniapp如何获取本周开始时间和结束时间?

JavaScript、vue、uniapp如何获取本周开始时间和结束时间?

时间:2023-06-26 13:47:46浏览次数:63  
标签:uniapp vue myweekday JavaScript nowDayOfWeek nowDay mymonth let now

		//获得本周的开始时间:
		getStartDayOfWeek(time) {
			let now = new Date(time); // 当前日期
			let nowDayOfWeek = now.getDay(); // 今天本周的第几天
			let day = nowDayOfWeek || 7;
			let nowDay = now.getDate(); // 当前日
			let nowMonth = now.getMonth(); // 当前月
			return this.formatDate(new Date(now.getFullYear(), nowMonth, nowDay + 1 - day));
		},
		//获得本周的结束时间:
		getEndDayOfWeek(time) {
			let now = new Date(time); // 当前日期
			let nowDayOfWeek = now.getDay(); // 今天本周的第几天
			let day = nowDayOfWeek || 7;
			let nowDay = now.getDate(); // 当前日
			let nowMonth = now.getMonth(); // 当前月
			return this.formatDate(new Date(now.getFullYear(), nowMonth, nowDay + 7 - day));
		},
		// 日期格式化
		formatDate(date) {
			let myyear = date.getFullYear();
			let mymonth = date.getMonth() + 1;
			let myweekday = date.getDate();
			if (mymonth < 10) {
				mymonth = '0' + mymonth;
			}
			if (myweekday < 10) {
				myweekday = '0' + myweekday;
			}
			return (myyear + '-' + mymonth + '-' + myweekday);
		}

vue项目中使用日期获取今日,昨日,上周,下周,上个月,下个月的数据:
https://www.cnblogs.com/Old-vegetable-chicken/p/14206593.html

标签:uniapp,vue,myweekday,JavaScript,nowDayOfWeek,nowDay,mymonth,let,now
From: https://www.cnblogs.com/hanfe1/p/17505398.html

相关文章

  • vue-router之hash与history,以及nginx配置
    本篇讲解前端项目的路由模式(以vue-router为例),以及history模式下的项目部署问题。vue-router的路由模式可以通过指定mode属性值控制,可选值:"hash"、"history"、"abstract",默认:"hash"(浏览器环境),"abstract"(Node.js环境)constrouter=newVueRouter({mode:......
  • vue的路由(更新中)
    路由含义及原理路由(router)就是对应关系。地址与页面上组件的对应关系。Hash地址与组件之间的对应关系!锚链接锚链接不会使页面刷新,但有浏览历史。(AnchorLink)是指在网页中通过链接跳转到同一页面的不同位置的技术。它可以让用户通过点击链接或者页面内部的锚点,直接跳转到页面......
  • Vue项目难点解析---分页器静态组件【原理】
    分页器:为什么使用分页器?答案:按需加载为啥不直接使用ElementUI啥的第三方组件呢?答案:掌握自定义分页功能,更好的自定义分页规则呢,实现功能。实现原理:分页器实现条件?知道当前第几页:pageNo知道分页器一共需要展示多少条数据:total知道每一页需要展示数据个数:pageSize知道连续的页码数......
  • uniapp微信小程序转支付宝小程序踩坑(持续更新)
    首先第一个,真有被折磨到!//微信正常使用,支付宝不行<imagesrc="https://static.dabapiao.com/images/coupon-index.png"mode=""/>//以下两种微信、支付宝都正常使用<imagesrc="https://static.dabapiao.com/images/coupon-index.png"mode="aspectFill&quo......
  • VUE3中实现“收起”“展开”功能
    《好记性不如烂笔头系列》<template><van-row><divclass="roadshowDescValueDiv"><divref="desContent"class="desContent":class="{'show-all':desShowAll}">......
  • vue中的 ref 和 $refs
    在Vue中,ref是一个用于给元素或组件添加引用的特殊属性。通过在元素上添加ref属性,可以在Vue组件实例或父组件中通过引用访问该元素或组件的实例。具体来说,ref属性有两种用法:1.给普通元素添加引用:<template><div><inputref="myInput"type="text"><button@cl......
  • jeecg2-VUE-全局替换字体(鸿蒙、、、)
    html,body{font-family:-apple-system,BlinkMacSystemFont,'SegoeUI','PingFangSC',"HarmonyOSSansSC",'HiraginoSansGB','MicrosoftYaHei','HelveticaNeue',Helvetica,Arial,sans-serif......
  • Vue事件总线
    下面是一个使用Vue事件总线实现两个组件间通信的完整例子:假设我们有两个组件A和B,需要在它们之间进行通信。具体来说,当组件A中的按钮被点击时,需要向组件B发送一个事件,使得组件B中的数据被更新。创建EventBus首先,在Vue应用中创建一个EventBus,通常可以在main.js......
  • JavaScript program to check if a given year is leap year Javascript判断是否是闰
    Ayearisleapyeariffollowingconditionsaresatisfied:Yearismultipleof400.Yearismultipleof4andnotmultipleof100.Approach: Getthevalueofinputfieldbyusingdocument.getElementById(“year”).valueCheckthegivenyearisleapyear......
  • JavaScript1.8.5新特性系列Object.keys
    以前在js-object这个分类里面也写过keys相关的api 在JavaScript1.8.5中,加入了原生的Object.keys这个api  Object.keys(obj);/*简单举例*/Object.keys({"A":"a","B":"b"});//["A","B"]兼容性写法:  if(!Object.keys){Object.keys=......