日付から曜日を表示したい

質問

現在、HTMLでJavaScriptを用いたホームページを作成しています。

プルダウンリストの日付から閏年に対応しているソースコードを参考にして組んだまでは
良かったのですが、プルダウンリストで選択された年月日から曜日の抽出がうまくいかず悩んでいます。

以下、少しわかりにくいですがイメージです。

2015　　　年　　　1　　　月　　　1　　日　　　　→　○曜日
2016　　　　　　　2　　　　　　　2
2017　　　　　　　3　　　　　　　3
　～　　　　　　　 ～　　　　　　 ～
2030　　　　　　 12　　　　　　31

具体的なヒントやソースを頂けないでしょうか？　よろしくお願いします。

原状のbodyの中身を書いておきます。　

<form name="formDate">
<label>申請日：</label>
<select name="selectYear" onchange="setSelectMonth()"></select> <label>年</label>
<select name="selectMonth" onchange="setSelectDate()"></select> <label>月</label>
<select name="selectDate"></select> <label>日</label>
<select name="selectWeek" onchange="setSelectyear()" onchange="setSelectMonth()" onchange="setSelectDate()"disabled>
<OPTION>日曜日<OPTION>月曜日<OPTION>火曜日<OPTION>水曜日<OPTION>木曜日<OPTION>金曜日<OPTION>土曜日
</select>
</form>

<script type="text/javascript">
<!--初期値設定-->
var Now = new Date();
var NowYear = Now.getFullYear();
var NowMonth = Now.getMonth()+1;
var NowDate = Now.getDate();
var NowWeek = Now.getDay();

<!--閏年-->
function Uruu( Year ){
var uruu =
( Year%400==0 ) ? true :
( Year%100==0 ) ? false :
( Year%4==0 ) ? true : false;
return uruu;
}

<!--年-->
function setSelectYear(){
for(var y=NowYear;y<NowYear+6;y
var select = document.formDate.selectYear;
var option = select.appendChild( document.createElement('option') );
option.value = y;
option.text = y;
option.selected = ( y==NowYear ) ? 'selected' : false;
}
setSelectMonth();
}
setSelectYear();

<!--月-->
function setSelectMonth(){
var Year = document.formDate.selectYear.options[document.formDate.selectYear.selectedIndex].value;
var select = document.formDate.selectMonth;//
while( select.options.length ){
select.removeChild( select.options[0] );

}
for(var m=1;m<=12;m++){
var option = select.appendChild( document.createElement('option') );
option.value = m;
option.text = m;
option.selected =
( Year==NowYear ) ?
( ( m==NowMonth ) ? 'selected' : false ) :
( ( m==1 ) ? 'selected' : false );
option.disabled =
( Year==NowYear ) ?
( ( m<NowMonth ) ? 'disabled' : false ) : false;
}
setSelectDate();
}

<!--日-->
function setSelectDate(){
var Year = document.formDate.selectYear.options[document.formDate.selectYear.selectedIndex].value;
var Month = document.formDate.selectMonth.options[document.formDate.selectMonth.selectedIndex].value;
var days = [31,( Uruu(Year) ? 29 : 28 ),31,30,31,30,31,31,30,31,30,31];
var select = document.formDate.selectDate;
while( select.options.length ){select.removeChild( select.options[0] );}

for(var d=1;d<=days[Month-1];d++){
var option = select.appendChild( document.createElement('option') );
option.value = d;
option.text = d;
option.select =
( Year==NowYear && Month==NowMonth ) ?
( ( d==NowDate ) ? 'selected' : false ) :
( ( d==1 ) ? 'selected' : false );
option.disabled =
( Year==NowYear && Month==NowMonth ) ?
( ( d<NowDate ) ? 'disabled' : false ) : false;
}
}
</script>

回答No.2

Hanagefactory · ベストアンサー

曜日の取得についてはDate.getDay()で取れるとおもいます。
http://dqn.sakusakutto.jp/2008/05/javascriptgetday.html
などにあるようにDate.getDay()で0-6の数値が帰ってくるので、曜日の文字を配列にしておいて、表示すればいいだけ。

その前に、記載された内容では、「どのタイミングで曜日を変化させるのか」が意図した通りになっていないとおもいます。

> <select name="selectWeek" onchange="setSelectyear()" onchange="setSelectMonth()" onchange="setSelectDate()"disabled>
> <OPTION>日曜日<OPTION>月曜日<OPTION>火曜日<OPTION>水曜日<OPTION>木曜日<OPTION>金曜日<OPTION>土曜日
> </select>

onChangeイベントはその対象が変更されたときに動作します。
記載された関数が動作した時に発生するものではありません。
なので、↑のソースの場合はonChangeはイベントは動作しません。

タイミングを整理すると、
・年を変更したとき＞setSelectyear()と曜日変更
・月を変更したとき＞setSelectMonth()と曜日変更
・日を変更したとき＞setSelectDate()と曜日変更
というようにしたいのだと思うので、別途曜日変更用の関数を作成して、
各setSelect*のイベントの最後に動作させればよいのではないでしょうか。

回答No.1

Gotthold

Dateオブジェクトに任せてしまえば良くないですか？

<div>
<input type="text" value="2015" id="yaer">年
<input type="text" value="5" id="month">月
<input type="text" value="6" id="day">日
<br>
<input type="button" value="曜日を求める" onclick="get_wday();">
</div>

<p><span id="date">?</span>は<span id="wday">?</span>曜日</p>

<script>
function get_wday(){
var wlist = [ "日", "月", "火", "水", "木", "金", "土" ];
var year = document.getElementById("yaer").value;
var month = document.getElementById("month").value;
var day = document.getElementById("day").value;

var objDate = new Date(year, month - 1, day);

document.getElementById("date").innerHTML =
objDate.getFullYear() + "/" +
(objDate.getMonth() + 1) + "/" +
objDate.getDate();

document.getElementById("wday").innerHTML = wlist[ objDate.getDay() ];
}
</script>