利用JavaScript实现ISO周日历[]

基础知识 

  • 阳历: 就是以太阳来计算日期的一类历法;
  • 阴历: 就是以月亮来计算日期的一类历法;
  • 公历: 属阳历的一种,我国现在使用的就是公历;
  • 农历: 我国的农历是一种阴阳合历,用来指导农业十分方便。

所以,阳历、阴历是一类历法,而公历、农历是一种历法。公历和农历的表述方法也是不一样的

  • 公历: 用阿拉伯数字,如2019年1月9日;
  • 农历: 用汉字,干支纪年,如戊戌年乙丑月丙午日,或戊戌年腊月初四(农历中,一月、十一月、十二月分别称为正月、冬月,腊月)

好吧,以前总觉得公历就是阳历,农历就是阴历。实际上只是老百姓这样说。从理论上是无法等同的。

公历 

我们熟知的是公历,公历分为周期为 365个日历日的平年以及周期为 366个 日历日的闰年。闰年是能被 4 整除的年, 然而,百年并不一定是闰年,除非它们能被 400整除。

公历是一种历法系统,其中的年又叫日历年,日又叫日历日。这种历法系统由一系列连续的日历年(可能是无限的)组成,其中每年又划分成 12个顺序的日历月。

 周日历

周日历是日常生活中不常用到的历法系统,一般用于政府、商务的会计年度或者学校教学日历中。

国际标准ISO 8601(数据存储和交换形式·信息交换·日期和时间的表示方法)中定义的ISO周日历系统:

  • 一个ISO周数年(也可以简称为 ISO年)有52或53个完整的星期
  • 以364天或371天取代了常用的365或366天
  • 额外增加出来的一个星期称为闰周
  • 每个星期从星期一开始
  • 每年的第一个星期包含当年的第一个星期四(并且总是包含1月4日)

国内是采用【GB/T 7408-2005/ISO 8601:2000】标准(位于 4.3.2.2 日历星期,实际上还是采用的ISO 8601:2000年版本的标准)。定义如下:

  • 基于一系列无限连续的日历星期的历法系统
  • 每个日历星期有 7个 日历日
  • 参考点是把 200。年 1月 1日定为星期六
  • 即一年中的第一个日历星期包括该年的第一个星期四
  • 定一个日历年有 52或 53个日历星期
  • 日历年的第一个日历星期可能包含前一个日历年中的三天,日历年的最后一个日历星期可能包含下一个日历年的三天

书写格式

公历中的2019年12月30日星期一是ISO日历中2020年第1周的第一天,写为2020-W01-12020W011

每年的第一个日历星期有以下四种等效说法

  • 本年度第一个星期四所在的星期
  • 1月4日所在的星期
  • 本年度第一个至少有4天在同一星期内的星期
  • 星期一在去年12月29日至今年1月4日以内的星期

推理可得:

  • 如果1月1日是星期一、星期二、星期三或者星期四,它所在的星期就是第一个日历星期
  • 如果1月1日是星期五、星期六或者星期日,它所在的星期就是上一年第52或者53个日历星期
  • 12月28日总是在一年最后一个日历星期。

一周的开始是星期一还是星期日

按照国际标准 ISO 8601 的说法,星期一是一周的开始,而星期日是一周的结束。虽然已经有了国际标准,但是很多国家,比如「美国」、「加拿大」和「澳大利亚」等国家,依然以星期日作为一周的开始。

所以在计算一年的第一周的时候,国内日历和欧美一些国家存在差异。

长年,是有53星期的年

  • 任何从星期四开始的年(主日字母D或DC)和以星期三开始的闰年(ED)
  • 任何以星期四结束的年(D、ED)和以星期五结束的闰年(DC)
  • 在1月1日和12月31日(在平年)或其中之一(在闰年)是星期四的年度

相关计算 

1. 计算给定年份总周数

/**
 * 根据年份计算当年周数
 * @param {number} y 年
 */
function computeWeeks(y) {
  const leapDay = p(y) === 4 || p(y - 1) === 3 ? 1 : 0
  return 52 + leapDay;
}

function p(y) {
  return (y + Math.ceil(y / 4) + Math.ceil(y / 100) + Math.ceil(y / 400)) % 7;
}

/**
 * 实际上 JavaScript 中获取一年的周数更简单
 * 12月28日所在的周数,始终是一年中的最后一周
 * 求出12月28日是星期几,如果早于或等于周四,那该年有53周
 * Date.prototype.getDay 结果中 0 表示星期天
 * @param {number} y 年份
 */
function getWeeks(y) {
  const day = new Date(`${y}/12/28`).getDay();
  return day !== 0 && day <= 4 ? 53 : 52
}

2. 计算当天ISO周日历表达

/**
 * 计算自0年1月0日起,CE的天数(Gregorian)
 */
function gregdaynumber(year, month, day) {
  y = year;
  m = month;
  if (month < 3) y = y - 1;
  if (month < 3) m = m + 12;
  return Math.floor(365.25 * y) - Math.floor(y / 100) + Math.floor(y / 400) + Math.floor(30.6 * (m + 1)) + day - 62;
}

/**
 * 根据当前公历日期计算ISO日历日期
 */
function isocalendar1() {
  var today = new Date();

  year = today.getFullYear();
  month = today.getMonth(); // 0=January, 1=February, etc.
  day = today.getDate();
  wday = today.getDay();

  weekday = ((wday + 6) % 7) + 1; // getDay 返回的值是 0 ~ 6,这里转为1 ~ 7

  isoyear = year;

  d0 = gregdaynumber(year, 1, 0);
  weekday0 = ((d0 + 4) % 7) + 1;

  d = gregdaynumber(year, month + 1, day);
  isoweeknr = Math.floor((d - d0 + weekday0 + 6) / 7) - Math.floor((weekday0 + 3) / 7);

  // 检查12月的最后几天是否属于下一年的ISO周

  if ((month == 11) && ((day - weekday) > 27)) {
    isoweeknr = 1;
    isoyear = isoyear + 1;
  }

  // 检查一月的前几天是否属于上一年的ISO周

  if ((month == 0) && ((weekday - day) > 3)) {
    d0 = gregdaynumber(year - 1, 1, 0);
    weekday0 = ((d0 + 4) % 7) + 1;
    isoweeknr = Math.floor((d - d0 + weekday0 + 6) / 7) - Math.floor((weekday0 + 3) / 7);
    isoyear = isoyear - 1;
  }

  if (isoweeknr < 10) return isoyear + "-W0" + isoweeknr + "-" + weekday;
  if (isoweeknr > 9) return isoyear + "-W" + isoweeknr + "-" + weekday;
}

3. 给定某一日期,获取其ISO周日历表达方式

利用JavaScript实现ISO周日历

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的JavaScript日历表代码示例: ```html <!DOCTYPE html> <html> <head> <title>JavaScript Calendar</title> <style> table { border-collapse: collapse; margin: auto; } th, td { padding: 10px; text-align: center; border: 1px solid black; } th { background-color: #ccc; } td:hover { background-color: #f5f5f5; } </style> </head> <body> <h1>JavaScript Calendar</h1> <table> <thead> <tr> <th>Sun</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> <th>Thu</th> <th>Fri</th> <th>Sat</th> </tr> </thead> <tbody id="calendar-body"> </tbody> </table> <script> // Get the current date var today = new Date(); // Get the year and month var year = today.getFullYear(); var month = today.getMonth() + 1; // January is 0 // Get the number of days in the current month var daysInMonth = new Date(year, month, 0).getDate(); // Get the first day of the current month var firstDayOfMonth = new Date(year, month-1, 1).getDay(); // Sunday is 0 // Create the calendar table var calendarTable = document.getElementById("calendar-body"); var date = 1; for (var i = 0; i < 6; i++) { var row = document.createElement("tr"); for (var j = 0; j < 7; j++) { if (i === 0 && j < firstDayOfMonth) { var cell = document.createElement("td"); var cellText = document.createTextNode(""); cell.appendChild(cellText); row.appendChild(cell); } else if (date > daysInMonth) { break; } else { var cell = document.createElement("td"); var cellText = document.createTextNode(date); cell.appendChild(cellText); row.appendChild(cell); date++; } } calendarTable.appendChild(row); } </script> </body> </html> ``` 该代码将生成一个简单的日历表,显示当前月份的日期。您可以根据需要自定义样式和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值