获取自然周;一年中总的周数,以及当前日期处于第几周

news/2024/12/22 0:15:27/

在这里插入图片描述

https://dayjs.fenxianglu.cn/ 插件

主要代码:
let year = dayjs().year() // 默认今年
let date = dayjs().format(‘YYYY-MM-DD’) // 默认今天
let week = dayjs(date).week() -1 // 26 // 获取当前日期所处自然周
let weekCount = dayjs(year).isoWeeksInYear() -1 // 53 // 获取年份对应的周总数

 .leftBoxel-button-groupel-button(size="mini" @click="handleDateChange('previous')") 上一周el-button(size="mini" @click="handleDateChange('currentDate')") 今天el-button(size="mini" @click="handleDateChange('next')") 下一周
  data() {return {currentYear: null,currentWeek: null,maxWeeks: null,},}},
  methods: {// 事件: 上一周、今天、下一周 handleWeekChange(type) {if(type == 'currentDate') {// 本月或本周if(this.dateRangeType == '周') this.getWeekInit('init')return}if(type == 'previous') { // 点击上一周if(this.currentWeek === 1) {// 已经是第1周,年份-1this.currentYear--this.getWeekInit('reduce')}else {// 不是第1周,周数-1this.currentWeek--this.getWeekData()}}else {// 点击下一周if(this.currentWeek === this.maxWeeks) {// 已经是最后1周,年份+1this.currentYear++this.getWeekInit('increase')}else{// 不是最后1周,周数+1this.currentWeek++this.getWeekData()}}},// 初始化日期数据getWeekInit(type) { // init:初始化; increase: 年份加; reduce: 年份减// 下方代码中周总数和日期所处自然周都需要减1// 获取当前年份所处周总数-插件var isoWeeksInYear = require('dayjs/plugin/isoWeeksInYear')var isLeapYear = require('dayjs/plugin/isLeapYear') // dependent on isLeapYear plugindayjs.extend(isoWeeksInYear)dayjs.extend(isLeapYear)// 获取当前日期所处自然周-插件var weekOfYear = require('dayjs/plugin/weekOfYear')dayjs.extend(weekOfYear)// 计算if(type == 'init') { // 初始化this.currentYear = dayjs().year() // 默认今年let date = dayjs().format('YYYY-MM-DD') // 默认今天this.currentWeek = dayjs(date).week() -1 // 26 // 获取当前日期所处自然周}else {// 根据年份计算this.currentWeek = type == 'increase' ? '1' : this.maxWeeks // 下一年,周数为1。上一年周数为maxWeeks}this.maxWeeks = dayjs(this.currentYear).isoWeeksInYear() -1 // 53 // 获取年份对应的周总数this.getWeekData()},//getWeekData() {},},

http://www.ppmy.cn/news/937903.html

相关文章

JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天、某周的区间范围

本文原创,转载请注明出处,如果发现写的有问题欢迎指正 **目录 ** 文章目录 JS源码获取某年某月的有多少周获取今天是今年的第几周获取今天是今年的第几天获取今天是本月第几周获取周的区间 方法说明及调用示例String.prototype.dateIndexInYearString.pr…

得出今天是一年中的第几天,第几周

<script lanuage"javascript"> var d1 new Date(); var d2 new Date(); d2.setMonth(0); d2.setDate(1); var rq d1 - d2; var s1 Math.ceil(rq/(24*60*60*1000)); var s2 Math.ceil(s1/7); alert("今天是今年中第" s1 "天,第" s2 &q…

java 根据某个日期查询出是某年的第几周

文章目录 前言一、java根据某个日期查询出是某年的第几周 前言 做记录用&#xff1a; 一、java根据某个日期查询出是某年的第几周 public class WeekByDate {public static void main(String[] args) throws ParseException {SimpleDateFormat simpleDateFormat new SimpleD…

EXCEL获取今天是今年的第几周

1&#xff0c;打开EXCEL表格。 2&#xff0c;在要显示第几周的位置&#xff08;B2&#xff09;处插入函数WEEKNUM。 3&#xff0c;Serial_number选定输入当前日期的位置&#xff08;A2&#xff09;。 4&#xff0c;Return_type输入2&#xff0c;确定。 5&#xff0c;输入要查询…

ETHERNET/IP转TCP/IP网关tcp/ip协议包含哪几层

大家好&#xff0c;今天我们将带大家了解一款自主研发的通讯网关&#xff0c;远创智控YC-EIP-TCP/IP。这是一个强大的工具&#xff0c;能帮助我们将ETHERNET/IP网络和TCP/IP网络连接在一起&#xff0c;让我们更好地管理和监控网络。 1, 首先&#xff0c;让我们来看看这款网关…

实例018 类似windows xp的程序界面

实例说明 在Windows XP环境下打开控制面板&#xff0c;会发现左侧的导航界面很实用。双击展开按钮&#xff0c;导航栏功能显示出来&#xff0c;双击收缩按钮&#xff0c;导航按钮收缩。下面通过实例介绍此种主窗体的设计方法。运行本例&#xff0c;效果如图1.18所示。 ​编辑…

敞篷超跑造型,还支持4KHz回报,雷柏VT960 Pro游戏鼠标体验

想要在游戏中获得精准、迅速的操作反馈&#xff0c;鼠标的配置很重要&#xff0c;之前雷柏推出的支持4KHz的高回报率鼠标&#xff0c;很适合高刷显示器使用&#xff0c;最近我也上手了一款雷柏VT960 Pro。这只无线游戏鼠标采用了一种镂空“超跑”的外观设计&#xff0c;还带有个…

json格式Python、Java封装获取天猫商品详情API

根据天猫的API文档&#xff0c;获取天猫商品详情的API是通过发送Http/Post/GET请求&#xff0c;其中{item ID}是具体的商品ID。 以下是Python和Java封装获取天猫商品详情API&#xff08;复制Taobaoapi2014)的示例代码&#xff1a; 1.请求方式&#xff1a;HTTP POST GET 2.Py…