第何週が何日から何日か

Question

2018年4月第2週が、4月の何日から何日までかなどを求める方法を教えてください(>_<)

例えば上の例だと2日から8日みたいな感じで
月曜から始まって日曜で終わる

4月の1日の日曜は第1週としたいです

年、月、第何週か

この3つのデータからjavascriptでそれが何日から何日であるかを知りたいです

Answer 1

日付けを扱うならMoment.jsが最強なんでまずはこれを覚えましょう。

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/locale/ja.js"></script>

これをHTMLの上の方に差し込むとmomentという関数が使えるようになります。
あなたのサイトに差し込んで開いた後に、F12を押してコンソール画面を開いてください。
（コンソールで打ち込んで確認するだけならMoment.jsの公式サイト内でも可能です。）

---

2018年4月第2週を求める

まずは4月1日を作りましょう。
日付けは下記のフォーマットで確認出来ます。

Docment parse object
Document display format

var date = moment({
  y: 2018,
  M: 4 - 1, // JSの罠で月だけ0スタートなので1引いておく
  d: 1
}
console.log(date.format('YYYY/MM/DD'))
// 2018/04/01

次に週末にジャンプします。
週末への移動はendOfというメソッドが用意されているので楽勝です。

Document manipulate end-of

date.endOf('week');
console.log(date.format('YYYY/MM/DD'))
// 2018/04/07

内部的には週末土曜日の23:59:59の時刻になっていますので、
もし日曜日スタートが良いなら1日足しましょう。
もし月曜日スタートが良いなら2日足しましょう。

今回は月曜日スタートなので+2日ですね。

Document manipulate add

date.add(2, 'days')
console.log(date.format('YYYY/MM/DD'))
// 2018/04/09

4月の何日から何日までかなどを求める

1週間は基本的に7日なので最初の日から6日足した数になります。
date.formatで出力した日数は文字列なので、
計算する前にparseIntを使って数値に戻してあげましょう。

var start = parseInt(date.format('DD'))
var end = start + 6
console.log(start, end) // 9, 16

従って、第二週は9〜16日です。
あれ？ちょっと待ってください、質問文の条件は日曜日が週末扱いなので1週間ずれていますね。
このように月曜日スタートかつ1日目が日曜日の場合、
Moment.jsでは日曜日を週の初めとしますので丸々1週間分ずれます。
従って7日減算して対応しましょう。

var start = parseInt(date.format('DD'))
if (start > 7) {
  start = start - 7
}
var end = start + 6
console.log(start, end) // 2, 8

※もし最終週を求める場合は週の途中で月が変わる可能性が高いので、別途月末のものを作成して日付けが超えそうなら少ない方の日数を答えとしましょう。

---

いかがですか？
Moment.jsが最強ということが分かったと思います。

困ったらMoment.jsのドキュメントを眺めていれば「おっ、これ日付け計算に使えそうじゃん」というメソッドが必ず用意されています。
私もこのドキュメントは一通り暗記してあって、主なものはすぐに使えますし、忘れてしまってもああいう事はこの辺に書いてあったっけということですぐに調べて作り上げる事が出来ます。

まずはこのドキュメントを上から下までしっかり読んでみて下さい。
そうすればすぐに日付け計算のエキスパートになれますよ。

Comments

[x_x]

2週目は2日から8日と言っているので、これでは出ないと思いますが

[退会済みユーザー]

おっと…書いてから
Moment.jsは日曜〜土曜なのでたまにレアケースにぶち当たる気がしましたが、それが2018-04-01だったのですね…
書き直しますので少々お待ちを

[退会済みユーザー]

moment.js、使ったことあります！ありがとうございます、手が空いたのでやってみます

Answer 2

指定月を超えるかもしれませんが

function getWeekOfMonth(year, month, weekNumber) {
  let start = new Date(year, month - 1, (weekNumber - 1) * 7 + 1);
  let day = start.getDay();
  start.setDate(start.getDate() + (day ? 1 - day : -6));
  let end = new Date(start);
  end.setDate(end.getDate() + 6);
  return { start: start, end: end }
}

Comments

[退会済みユーザー]

ありがとうございます！！！
試してみます(>___<)

[退会済みユーザー]

すみません、ちょっと僕には難しすぎて

let start = new Date(year, month - 1, (weekNumber - 1) * 7 + 1);

前の月の、(何週か-1)*7+1のdateオブジェクトがなぜ必要なのでしょうか。
その先のコードを読んでみてもいまいち難しくて...

このstartはどのような意味を持つのでしょうか

[退会済みユーザー]

(何週か-1)*7+1だと何週か+1で必然的に月曜、つまり週の初めが導き出されるのですね...
でもなぜ先月のなんでしょうか

[退会済みユーザー]

すみません、全然違うこと言ってますね、混乱してきました(T_T)

[退会済みユーザー]

day はその月の最初の曜日を数字にしたもの(一週間を0から6で表したもの)で、start.getDate()は指定された週間のdayの数字ですよね、ちょっと日本語が変でごめんなさい

start.setDate(start.getDate() + (day ? 1 - day : -6));

ただこれで、その週の月曜の日付を得られるのが分かりません...

[x_x]

> 前の月の、(何週か-1)*7+1のdateオブジェクトがなぜ必要なのでしょうか。
前の月ではありません。当月です。miyabi-sunさんもちらと書かれていましたが、Dateの月は0から始まります。 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date

1週目には1日が、2週目には8日が必ず含まれます(以降同様)。なのでその計算となります。

> その週の月曜の日付を得られるのが分かりません...
日曜なら6日前、月～土なら0～5日前が開始日ということになりますので、それを計算したものです。

[退会済みユーザー]

理解しました、めちゃ助かりました(ノ_＜)
ありがとうございます！