日付を入力すると曜日を表示するようにしたい

[新着] Webテンプレートを仮オープンしました



0   名前: ラモンSM : 2006/09/06(水) 17:47  ID:kV7/wE.9
作成したホームページの入力フォームでINPUTTEXTのなかに日付(例)2006/08/31を入力すると曜日がでるようにしたいのですがどうしたらいいでしょうか。(例)2006/08/31(木曜日)
<TD><INPUT TYPE="text" SIZE="20" READONLY NAME="Day_1" VALUE=""></TD>
<TD><INPUT TYPE="text" SIZE="20" READONLY NAME="Day_2" VALUE=""></TD>
<TD><INPUT TYPE="text" SIZE="20" READONLY NAME="Day_3" VALUE=""></TD>
といった感じで複数個所入力フォームを作りそれぞれ入力された日付ごとに曜日を計算していきたいです。
よろしくお願いします。

1   名前: NullPo : 2006/09/06(水) 17:47  ID:XoE1slt9
ヒント
var days = ["日", "月", "火", "水", "木", "金", "土"];
alert(days[DateObject.getDay()]);

2   名前: KID : 2006/09/06(水) 17:47  ID:dpaaTaX6
果たしてそこへ入力そのものが出来るのだろうか?
(素朴な疑問)

3   名前: ラモンSM : 2006/09/06(水) 17:47  ID:kV7/wE.9
KIDさんすみません"READONLY" は入りません。
正しくは
<TD><INPUT TYPE="text" SIZE="20" NAME="Day_1" VALUE=""></TD>
<TD><INPUT TYPE="text" SIZE="20" NAME="Day_2" VALUE=""></TD>
<TD><INPUT TYPE="text" SIZE="20" NAME="Day_3" VALUE=""></TD>
です。
NullPoさん
ありがとうございます。まだJavaScripはよく分かりませんので教えて頂いたヒントを元に調べてみます。

4   名前: ラモンSM : 2006/09/06(水) 17:47  ID:kV7/wE.9
NullPoさん
すみません。色々なホームページを調べたのですが、分かりませんでした。
ここからフォームに自動記入するにはどうすればいいのでしょう?

5   名前: NullPo : 2006/09/06(水) 17:47  ID:XoE1slt9
>>4
んと、どこからわかりませんか?
Dateオブジェクト(または他の何でも)で曜日を取得するところまではできたのでしょうか。
そしたらこんな感じで、
var Day_1 = document.getElementsByName("Day_1")[0];
Day_1.value += "曜日文字列";
挿入すればいいと思いますよ。

6   名前: ラモンSM : 2006/09/06(水) 17:47  ID:kV7/wE.9
すみません。まだはじめたばかりなので全然分かってないのですが、とりあえずNullPoさんに教えて頂いた
まま使わせて頂きましたがフォーム上で変化がありませんでした。


<script language="JavaScript">
<!--
var days = ["日", "月", "火", "水", "木", "金", "土"];
alert(days[DateObject.getDay()]);
var Day_1 = document.getElementsByName("Day_1")[0];
Day_1.value += "days";
// -->
何かが足りないのでしょうか?

7   名前: NullPo : 2006/09/06(水) 17:47  ID:XoE1slt9
>>6
いろいろ足りないです。
ただのヒントなので自分で組む部分が必要です。
まずフォームに入力されたときの取得イベント。
まぁonChangeでいいでしょう。
それで内容を取り出してDateオブジェクトを作り、getDayメソッドで曜日を取り出し、曜日文字列を作る。
そののち、フォームの所定の場所にその文字列を挿入すればおしまいです。
簡単なプログラムなので初学には向いていると思います。
がんばってください。

8   名前: ラモンSM  : 2006/09/06(水) 17:47  ID:kV7/wE.9
NullPoさん、ありがとうございます。
教えて頂いた方法でもう少し頑張ってみます。

一覧へ戻る