曜日の求め方

質問

初めて質問します。javascrip似ついては殆ど初心者です。

今、Web上で月間の計画表を作ろうとしています。
カレンダーのツールを借りればすぐなんだと思いますが、せっかくなので、こつこつと自分で作ってみようと思いました。

形としては、縦に長い3列の表があって(日付の数なので30か31段あります)、1番左端の列に上から1→31(仮に)まで数字が書いてあります。
この2列目に、月が替わるごとに自動で変更される『曜日』を入れたいのです。

色々本やサイトを参考にして、今日の日付や曜日を書きだしたりするところまでは辿り着けました。けれど、西暦と月だけが自動に変更して、日付はそのまま(指定した日にち)の場合のスクリプトの書き方が、まだ理解できません。

1『week = new Array("日","月","火","水","木","金","土"); 』
2『w = week[day.getDat()]; 』
3『day = new Date(); 』
4『day.getFullYear(); 』
5『day.getMonth()+1; 』
6『day.setDay(数字を直接入れていいのですか？); 』
7『document.write(w); 』

この7つに何かを加えたり取り払ったりしたらいいのでしょうか？
全然違っていたらすみません。
それと、全部で30段くらいあるので、できればhead内(か外部)に大まかなのを書いて、その表の中には最小限だけタグを書くようなことはできるのでしょうか？
質問が多くてですみません。

回答No.1

noname#30818 · ベストアンサー

week = new Array("日","月","火","水","木","金","土");
day = new Date(好きな日付);//例えば'2007/5/20'など
Dateは定義済みコアオブジェクトと呼ぶらしく、括弧内に書くものを引数と呼ぶらしい。
引数を省略すると今日の日付と時刻を作成する。
"月 日, 年 時:分:秒" で日付を表した文字列。new Date("December 25, 1995 13:30:00")。
年、月、日を表す整数値のセット。new Date(1995,11,25)。
年、月、日、時、分、秒を表す整数値のセット。new Date(1995,11,25,9,30,0)
これらを引数にするとその日付を作成するらしい。
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide:Predefined_Core_Objects:Date_Object

こうして作成された日付を"get"メソッドにより取得できるらしい。
y = day.getFullYear();
m = day.getMonth()+1;
d = day.getDate();
w = week[day.getDay()];

そんなことで例えばfor文を使って1ヶ月分の日と曜日をbody内に書き出そうと思いスクリプトを書いてみるとこんな形で書くことができるとおもいますよ。（悪いスクリプト例です。）
<script type="text/javascript">
week = new Array("日","月","火","水","木","金","土");
//"aaa(月)"でその月の日と曜日を書き出す。例の場合4月
window.onload=function(){aaa(4)}
function aaa(mm){
k='<table>'
for(var i = 1;i < 100;i++){//100回繰り返す
day = new Date('2007/'+mm+'/'+i);//'2007/4/1'～'2007/4/100'を求めている
y = day.getFullYear();
m = day.getMonth()+1;
d = day.getDate();
w = week[day.getDay()];
if(m != mm){break;}//4/31は5/1となるので'mm'と'm'が一致しないので繰り返しが終る(break)。
k+='<tr><td>'+d+'</td><td>'+w+'</td></tr>'
}
k+='</table>'
document.body.innerHTML=k;//bodyの中身をkにする。
}
</script>

お礼

…すみません、CSS云々に関しては自己解決できました。

javascriptって、excelの数式程度に考えていたのですごくいい勉強になりました。奥が深いんですね。
これから色々調べてもっと勉強してみます。
今回は、どうもありがとうございました。

補足

コメントのところがスゴクわかりやすくて、大変助かりました。
初心者の私でも理解できました。
大体これで充分なのですが、一つだけ教えてただけませんか？

後ろから3行目の
『document.body.innerHTML=k;//bodyの中身をkにする。』
というところなのですが、もしこの『body』というのを例えば、このhtml内の既存のid name にすると、そのid内にこの日付と曜日を記述してくれるのでしょうか？
この月間予定表を置こうと思っているページは、CSSでブログの様にidの付いたボックスを配置してあります。
その中の
<div id="side"></id>
この二つのタグの間に(id sideの内容として)書き出したいと思ってるのですが…

(ジャンル違いでしたら本当にすみません)