指定日が第何週目かを返したい

Question

前提・実現したいこと

53週目の追加とうるう年からずれる週を直したい。
たとえば表示週テストにて「console.log(schedule(new Date(2022,1,21)))」にすると、
"2022年2月21日(月)の週は第2週です。第2週は2022年2月21日(月)～2022年2月27日(日)です。"
となってしまいます。うるう年が来るたびに1週ずつずれてしまうのでどうにかしたいです。
一応1週目であるべきものを記載しておきます。とても困ってます。宜しくお願いします。

1週目にしたい日付
2018/2/19
2019/2/18
2020/2/17
2021/2/15 ---ここまでは問題なし
2022/2/21 ---ここから2週目になってしまう
2023/2/20
2024/2/19
2025/2/17
2026/2/16
2027/2/15
2028/2/21 ---ここから3週目になってしまう
・
・
・

発生している問題・エラーメッセージ

2021年までは問題なく表示されるが、うるう年が来るたびにずれが生じる。

該当のソースコード

const referenceDate = new Date(2017, 1, 20) //週起算日
const cycle = 364 //週のサイクル
const dateT = ["日","月","火","水","木","金","土"]


/**
 * 日付から週を取得
 */
function date2Nweek(date) {

  let diff = date.getTime() - referenceDate.getTime()
  let diffDays = Math.floor(diff / (1000*60*60*24))
  
  if (diffDays < 0) {
    diffDays = (cycle - Math.abs(diffDays) % cycle) % cycle
  }else if (diffDays >= cycle) {
    diffDays = diffDays % cycle
  }
  let nWeek = Math.floor(diffDays / 7) + 1
  let DayOfTheWeek = dateT[date.getDay()]

  return [nWeek, diffDays]
}

/**
 * 指定日の週を取得

 * @param date 対象の日付:dateObject
 * @param nWeek 週数:number
 * @param diffDays 基準日からの差日数:string
 */
function nWeek2Period(date, nWeek, diffDays) {
  
  let targetWeek = new Date(date)
  targetWeek.setDate(date.getDate() + ((nWeek-1)*7 - diffDays))
  let endTargetWeek = new Date(targetWeek)
  endTargetWeek.setDate(endTargetWeek.getDate() + 6)

  return [targetWeek, endTargetWeek]
}

/**
 * 逆引き
 * @param nWeek 対象の週:number
 * @param flg +-年度:number
 */
function calcSchedule(nWeek, flg = 0) {
  let date = new Date()
  //現在の週を取得
  let retNweek = date2Nweek(date)
  //表示年度の基準日を取得
  date.setDate(date.getDate() + (flg*cycle - retNweek[1]))
  //表示する週の日付を取得
  date.setDate(date.getDate() + 7*(nWeek-1))
  //表示する日付の週を取得
  retNweek = date2Nweek(date)
  let retPeriod = nWeek2Period(date, retNweek[0], retNweek[1])

  let retMessage  = `表示週第${retNweek[0]}週は\n`
                  + `${retPeriod[0].getFullYear()}年${retPeriod[0].getMonth()+1}月${retPeriod[0].getDate()}日(${dateT[retPeriod[0].getDay()]})`
                  + `～${retPeriod[1].getFullYear()}年${retPeriod[1].getMonth()+1}月${retPeriod[1].getDate()}日(${dateT[retPeriod[1].getDay()]})です。`
  return retMessage
}

/**
 * 表示週
 * @param date 対象の日付:dateObject
 */
function schedule(date = new Date()) {
  
  let retNweek = date2Nweek(date)
  let retPeriod = nWeek2Period(date, retNweek[0], retNweek[1])

  let retMessage  = `${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日(${dateT[date.getDay()]})の週は第${retNweek[0]}週です。\n`
                  + `第${retNweek[0]}週は`
                  + `${retPeriod[0].getFullYear()}年${retPeriod[0].getMonth()+1}月${retPeriod[0].getDate()}日(${dateT[retPeriod[0].getDay()]})`
                  + `～${retPeriod[1].getFullYear()}年${retPeriod[1].getMonth()+1}月${retPeriod[1].getDate()}日(${dateT[retPeriod[1].getDay()]})です。`

  return retMessage
}


/**
 * Example
 *
 */
//表示週テスト
// let d = new Date(2019,1,18)
console.log(schedule(new Date(2028,1,21)))

//逆引き表示週テスト
// console.log(calcSchedule(51, 0))

Comments

[x_x]

現状では364日周期となっていてうるう年でなくてもずれていくと思うのですが、この辺の仕様はどうするのでしょうか？

[webhajime]

52週で割り切れる為の記述になってるんですよね。53週が1週目になってしまうことによりずれてしまいます。53週目を毎年表示させるにはどうすればいいか悩んでいます。

[think49]

一般的な感覚では何周目といえば、1日を1週目として数えますが、本件はそうではないようです。要求仕様を詳しく書いてみてはどうでしょうか。

[think49]

「指定した基準日を1週目とする。基準日と年月が同一なら基準日から何周目か数える。年月が変わっても日付さえ合致するなら1週目とする。」サンプルから推定される仕様です。

Answer 1

jQueryUIに$.datepicker.iso8601Week()というメソッドがあります。
ソースコードを転記しますので、参考にされてはいかがでしょうか。

	iso8601Week: function( date ) {
		var time,
			checkDate = new Date( date.getTime() );

		// Find Thursday of this week starting on Monday
		checkDate.setDate( checkDate.getDate() + 4 - ( checkDate.getDay() || 7 ) );

		time = checkDate.getTime();
		checkDate.setMonth( 0 ); // Compare with Jan 1
		checkDate.setDate( 1 );
		return Math.floor( Math.round( ( time - checkDate ) / 86400000 ) / 7 ) + 1;
}

jquery-ui/datepicker.js at 17404ced478a235651513fa7bef3473ef1b039e8 · jquery/jquery-ui · GitHub

追記

おそらく、「2月21日が含まれる週が第1週」という仕様だと思います。

function schedule(date){

  var getMonday = function(date) {
    return new Date( date.getTime() - ( date.getDay() - 1 ) * 24 * 60 * 60 * 1000 );
  }
  
  date.setHours(0,0,0);
 
  var tempDate = new Date( date - 24 * 60 * 60 * 1000 );
  var monday = getMonday( tempDate );
  var sunday = new Date( monday.getTime() + 6 * 24 * 60 * 60 * 1000 );

  tempDate = new Date(date);
  tempDate.setMonth(1,20);
  firstDate = getMonday( tempDate ); 
  if ( firstDate > date ) {
    tempDate.setMonth(-11,20);
    firstDate = getMonday( tempDate );   
  }

  var weekNumber = Math.floor( ( date - firstDate ) / ( 24 * 60 * 60 * 1000 ) / 7 ) + 1;

  return `${
    date.toLocaleDateString('ja',{year:'numeric'})
  }${
    date.toLocaleDateString('ja',{month:'numeric'})
  }${
    date.toLocaleDateString('ja',{day:'numeric'})
  }(${
    date.toLocaleDateString('ja',{weekday:'short'})
  })の週は第${weekNumber}週です。第${weekNumber}週は${
    monday.toLocaleDateString('ja',{year:'numeric'})
  }${
    monday.toLocaleDateString('ja',{month:'numeric'})
  }${
    monday.toLocaleDateString('ja',{day:'numeric'})
  }(月)～${
    sunday.toLocaleDateString('ja',{year:'numeric'})
  }${
    sunday.toLocaleDateString('ja',{month:'numeric'})
  }${
    sunday.toLocaleDateString('ja',{day:'numeric'})
  }(日)です。`;
}

[
  [2018,1,18],
  [2018,1,19],
  [2019,1,18],
  [2020,1,17],
  [2021,1,15],
  [2022,1,21],
  [2027,1,14],
  [2027,1,15],
  [2028,1,20],
  [2028,1,21],
].forEach(function(e){
  console.log( schedule(new Date(...e)) );  
});

/*
2018年2月18日(日)の週は第52週です。第52週は2018年2月12日(月)～2018年2月18日(日)です。
2018年2月19日(月)の週は第1週です。第1週は2018年2月19日(月)～2018年2月25日(日)です。
2019年2月18日(月)の週は第1週です。第1週は2019年2月18日(月)～2019年2月24日(日)です。
2020年2月17日(月)の週は第1週です。第1週は2020年2月17日(月)～2020年2月23日(日)です。
2021年2月15日(月)の週は第1週です。第1週は2021年2月15日(月)～2021年2月21日(日)です。
2022年2月21日(月)の週は第1週です。第1週は2022年2月21日(月)～2022年2月27日(日)です。
2027年2月14日(日)の週は第52週です。第52週は2027年2月8日(月)～2027年2月14日(日)です。
2027年2月15日(月)の週は第1週です。第1週は2027年2月15日(月)～2027年2月21日(日)です。
2028年2月20日(日)の週は第53週です。第53週は2028年2月14日(月)～2028年2月20日(日)です。
2028年2月21日(月)の週は第1週です。第1週は2028年2月21日(月)～2028年2月27日(日)です。
*/

思いのほか、しんどかったなあ。
みんな、Moment.js とか使うはずだわ……
勉強させてもらいました。

コメントを受けて追記

逆引きの方が簡単なはず。コードの重複があるから適当にまとめてください。

function calcSchedule(weekNumber, year){

  var getMonday = function(date) {
    return new Date( date.getTime() - ( date.getDay() - 1 ) * 24 * 60 * 60 * 1000 );
  }

  var tempDate = new Date(year, 1, 20, 0, 0, 0);
  var firstDate = getMonday( tempDate ); 
  var monday = new Date( firstDate.getTime() + ( weekNumber - 1 ) * 7 * 24 * 60 * 60 * 1000 );
  var sunday = new Date( monday.getTime() + 6 * 24 * 60 * 60 * 1000 );
  
  return `表示週第第${weekNumber}週は
${
    monday.toLocaleDateString('ja',{year:'numeric'})
  }${
    monday.toLocaleDateString('ja',{month:'numeric'})
  }${
    monday.toLocaleDateString('ja',{day:'numeric'})
  }(月)～${
    sunday.toLocaleDateString('ja',{year:'numeric'})
  }${
    sunday.toLocaleDateString('ja',{month:'numeric'})
  }${
    sunday.toLocaleDateString('ja',{day:'numeric'})
  }(日)です。`;
}

Comments

[webhajime]

ありがとうございます！まさに仕様通りです。

[webhajime]

以下にて1日引かれている理由が気になったのですが、
日曜が次週にならないようになっているのを理解しました。
var tempDate = new Date( date - 24 * 60 * 60 * 1000 );
var monday = getMonday( tempDate );
var sunday = new Date( monday.getTime() + 6 * 24 * 60 * 60 * 1000 );

こちらの記載にて後の計算で‐1日する必要がなくなりました。
function schedule(date){
var getMonday = function(date) {
if (date.getDay() == 0) {
return new Date( date.getTime() - 6 * 24 * 60 * 60 * 1000 ); // 日曜日対応
} else {
return new Date( date.getTime() - ( date.getDay() - 1 ) * 24 * 60 * 60 * 1000 );
}
}

[Lhankor_Mhy]

月曜始まりの週でその日が属する月曜を出すための補正です。

date - date.getDay() * 24 * 60 * 60 * 100
月火水木金土日
␣␣␣␣␣␣○
←←←←←←␣

date - ( date.getDay() - 1 ) * 24 * 60 * 60 * 100
月火水木金土日
␣␣␣␣␣␣→
○←←←←←␣

となり、日曜日の捌きがよくないのです。
なので、1日ずらして、日曜日をひとつ前の週に属するように調整すると、

date【の1日前】 - ( date【の1日前】.getDay() - 1 ) * 24 * 60 * 60 * 100
月火水木金土日
␣␣␣␣␣␣␣
○←←←←←←

こうなります。

グラフを右にa移動するときには、関数をy=f(x-a)する、というのを中学校あたりの数学で習ったと思いますが、そんな感じのことです。

よく考えると、これは getMonday 関数に入れるべき内容でしたね。

[Lhankor_Mhy]

おっと、入れ違いに。

[webhajime]

回答ありがとうございます。javascriptの経験が浅いのでとても助かります。
function schedule(date)とvar getMonday = function(date)での(date)は
名前変えてわかりやすくすることにします。被っていても動くんですね・・
あと大変恐縮なんですが逆引きの方もできればお願いしたいです＞＜。

[Lhankor_Mhy]

逆引きは大して難しくないですよね？

[webhajime]

すいません、対応できました。この度はありがとうございます。

[webhajime]

逆引きの導入で0週以下、54週の以上が入力された時、53週がない年はfalseを返すようにしました。

if( week >= 54 ){
return ("1～53を入力してください。");
}
else if( week <= 0 ){
return ("1～53を入力してください。");
}
else if ( week == 53){
var weekNumber = Math.floor( ( monday - getFirstDate(monday) ) / ( 24 * 60 * 60 * 1000 ) / 7 ) + 1;
if (week != weekNumber) {
return("53週はありません。")
}
}

Answer 2

仕様が特殊なため利用できるかわかりませんが、input要素を使って週情報を取得する方法です。

function getWeekInfo(date) {
  let input = document.createElement('input');
  input.type = 'week';
  input.valueAsDate = date;
  let value = input.value; // "2018-W13"
  return { year: parseInt(value.substring(0, 4), 10), week: parseInt(value.substring(6), 10), start: input.valueAsDate };
}

-- 17:05 追記
1月4日が含まれる日が1週目ということのようですので、次のようにしてみてはどうでしょうか？

// 差分を出しておく。
let a = new Date(referenceDate);
a.setMonth(0);
a.setDate(4);
let dif = referenceDate - a;

// 確認したい日付。
var d = new Date(2022, 1, 21);
console.log(getWeekInfo(new Date(d - dif))); // {year: 2022, week: 1, start: Mon Jan 03 2022 09:00:00 GMT+0900 (東京 (標準時))}

Comments

[x_x]

含まれる「週」です……

[x_x]

startを使うときは差分を足さないといけません。念のため

Answer 3

stackoverflowにも似たような記事がありましたので、情報を共有します.
※とは言え, 本件に応用するには最終週の扱いでいろいろ工夫する必要がありそうです.

参考
https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php
※ソース内の情報は既にリンク切れ
https://web.archive.org/web/20150907215801/http://www.merlyn.demon.co.uk/weekcalc.htm

/* For a given date, get the ISO week number
 *
 * Based on information at:
 *
 *    http://www.merlyn.demon.co.uk/weekcalc.htm#WNR
 *
 * Algorithm is to find nearest thursday, it's year
 * is the year of the week number. Then get weeks
 * between that date and the first day of that year.
 *
 * Note that dates in one year can be weeks of previous
 * or next year, overlap is up to 3 days.
 *
 * e.g. 2014/12/29 is Monday in week  1 of 2015
 *      2012/1/1   is Sunday in week 52 of 2011
 */
function getWeekNumber(d) {
    // Copy date so don't modify original
    d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
    // Set to nearest Thursday: current date + 4 - current day number
    // Make Sunday's day number 7
    d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay()||7));
    // Get first day of year
    var yearStart = new Date(Date.UTC(d.getUTCFullYear(),0,1));
    // Calculate full weeks to nearest Thursday
    var weekNo = Math.ceil(( ( (d - yearStart) / 86400000) + 1)/7);
    // Return array of year and week number
    return [d.getUTCFullYear(), weekNo];
}

[
	[2018, 2, 19],
	[2019, 2, 18],
	[2020, 2, 17],
	[2021, 2, 15],
	[2022, 2, 21],
	[2023, 2, 20],
	[2024, 2, 19],
	[2025, 2, 17],
	[2026, 2, 16],
	[2027, 2, 15],
	[2028, 2, 21]
].forEach(
	([y, m, d]) => console.log(
		[y, m, d].join("/"), 
		getWeekNumber(new Date(y, m, d))[1] - getWeekNumber(new Date(y, 2, 21))[1] + 1)
);

2018/2/19 1
2019/2/18 1
2020/2/17 1
2021/2/15 1
2022/2/21 1
2023/2/20 1
2024/2/19 1
2025/2/17 1
2026/2/16 1
2027/2/15 1
2028/2/21 1

Answer 4

Answer 5

普通に考えれば2022-2-21は第4週目ではないかと思いますが、それはさておき。
referenceDateを2017-1-20に固定せず該当月の1日とするようにすれば問題は解決するのではないでしょうか。

Comments

[Lhankor_Mhy]

横からすみません。おそらくISO8601の週番号のことだと思います。
https://en.wikipedia.org/wiki/Week#Week_numbering

[Lhankor_Mhy]

あ、すみません。誤読していました。失礼致しました。

[webhajime]

referenceDateは締日となっていますので固定になっており、それを基に毎年同じ規則で計算されているようです。(20日〆2017/2/20 月曜 1週目開始)第1週目の日付が毎年変わるのを考えると、毎年2月の中旬の日付からを第1週目として登録しておき、そこから53週目までを毎年表示させたいです。

Answer 6

外部ライブラリ使用してもよいのであれば、moment.js のweek関数を使うのではどうでしょうか?
https://momentjs.com/docs/#/get-set/week/

すみません、質問全体読まず知りたい内容と外れてましたので、回答取り下げます。

Comments

[defghi1977]

直接的な回答となってはいないものの, ヒントとして有益なライブラリの紹介であり, 回答の取り下げまでは必要ないと思います.