| ポイント |
<![CDATA[
dObj = new Date();
dObj.setFullYear(aY);
dObj.setMonth(aM - 1);
dObj.setDate(aD);
result = "日月火水木金土".charAt(dObj.getDay())+"曜日";
]]>
|
| 説 明 |
年月日が入力されたら曜日を自動的に表示するにはsetInterval()タイマーを使って定期的にテキストフィールドを監視します。正しい範囲の日付が入力された場合のみDateオブジェクトを作成します。入力された年月日をsetFullYear, setMonth, setDateでDateオブジェクトに設定します。この後にgetDayで曜日の番号を読み出せば指定年月日の曜日を得ることができます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>日付を入れると自動的に曜日を表示する</title>
<script type="text/javascript"><!--
function getDayInfo(fObj)
{
fObj = document.aForm;
aY = parseInt(fObj.aYear.value);
aM = parseInt(fObj.aMonth.value);
aD = fObj.aDate.value;
result = "";
numStr = "0123456789";
if ( ((aY >= 1970) && (aY < 2200)) && ((aM > 0) && (aM < 13)) && ((aD > 0) && (aD < 32)) )
{
dObj = new Date();
dObj.setFullYear(aY);
dObj.setMonth(aM - 1);
dObj.setDate(aD);
result = "日月火水木金土".charAt(dObj.getDay())+"曜日";
}
fObj.aDay.value = result;
}
// --></script>
</head>
<body onLoad="setInterval('getDayInfo()',500)">
<form name="aForm">
西暦<input type="text" name="aYear" size="5" value="">年
<input type="text" name="aMonth" size="3" value="">月
<input type="text" name="aDate" size="3" value="">日
<input type="text" name="aDay" size="7" value="">
</form>
</body>
</html>
]]>
|
| 補足説明 |
Netscape 4.xでは他のテキストフィールドなどへフォーカスしないと曜日が反映されない場合があります。iCabでは曜日が文字化けします。
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
年月日が入力されたら自動的に曜日を表示する（タイマー監視版：ポーリング）
