第３日曜日のみの日付を取得、セレクトボックスに

締切済

質問者：oktsan
質問日時：2014/06/25 21:53
回答数：4件

Javascriptで毎月の第３日曜日のみの日付を取得し、フォームのセレクトボックスに何件か表示できるようにしたいです。

調べて見て以前似たような記事を見つけたのですが、その記事は毎週土曜日のみで、それを毎月第３日曜日に限定することが自分には出来ませんでした。
http://oshiete.goo.ne.jp/qa/5738655.html

ご教授頂けると嬉しいです。
どうぞよろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： Ogre7077
回答日時：2014/06/26 11:25

<form name=さあ選びたまえ><select name=今年の第三日曜を></select></form>

- 0
- 件

通報する

No.3

回答者： yambejp
回答日時：2014/06/26 10:41

第三日曜は21から、14日の曜日(日曜=0,月曜=1・・)を引いた日にち

たとえば今月から2年分(24カ月)表示するなら

<script>
var d=new Date();
d.setDate(14);
for(var i=0;i<24;i++){
document.write(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+(21-d.getDay())+"日<br>");
d.setMonth(d.getMonth()+1);
}
</script>

- 0
- 件

通報する

No.2

回答者： babu_baboo
回答日時：2014/06/26 02:07

びみょう

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<form id="hoge">
　<p>
　　<select id="fuga"></select>
</form>

<script>

function getNoWeek (date, no, week) {
　var d = new Date (date.getFullYear (), date.getMonth (), 1);
　return (d.setDate (((week + 7) - d.getDay ()) % 7 + (no * 7 - 6)), d);
}

function getDai3Sunday (date) { return getNoWeek (date, 3, 0); }

function createDateRangeByMonth (date, begin, end) {
　var result = [ ];
　var d = new Date (date.getFullYear (), date.getMonth (), 1);
　
　d.setMonth (d.getMonth () + begin);
　
　for (var i = begin; i < end; i++)
　　result.push (new Date (d)),
　　d.setMonth (d.getMonth () + 1);
　
　return result;
}

function toString (date) { return date.toString (); }

function toStringJp (date) {
　function padding (num) {
　　return (num < 10 ? '0': '') + num;
　}

　return [
　　date.getFullYear (),
　　padding (date.getMonth () + 1),
　　padding (date.getDate ())
　].join ('-');
}

function createOptions (text, value) {
　return text.reduce (function (frg, t, i) {
　　frg.appendChild (new Option (t, value[i]));
　　return frg;
　}, document.createDocumentFragment ());
}

//____________________

var sun = createDateRangeByMonth (new Date, 0, 10).map (getDai3Sunday);

document.querySelector ('#fuga').appendChild (
　createOptions (sun.map (toStringJp), sun.map (toString)));

</script>
</body>