カレンダーツール

今日は、休暇だったので、自宅でカレンダーを基にしたWebツールを作成する。
Webツールとは言ってもたいしたものではなく、単なる子画面ですが。

仕様は、エントリー用のフォームでボタンを押す子画面が出て、カレンダーの日付をクリックすると、その日の「年月日」が、入力テキストエリアに入る、というもの。
入力エリアが１つの場合と、２つ（２つ目は、６ケ月後の日付）を予定しているので、２つの場合を作成。

カレンダーがずっと前に作成したので、基本的にその焼き直しにした。
先に、日付用の４２個の配列を用意して、７ｘ６のテーブルに配列によって数値を書き込んでいくスタイル。

１次元の配列を使い、その月の１日目の週に応じて、数値を入れ始める配列が決まる。また、その月の日数の分だけ、配列に数値を入れることで、１ケ月分が用意できる。
この配列を、７の倍数の時に改行入れて、７ｘ６のテーブルを作る。

今回は、表示する数値だけでなく、JavaScript を使って、親ウィンドウに文字列をセットするので、セットする文字列を同時に作成する。

文章に書いてしまえば、実に簡単な機能なのだが、カレンダー上部に、前月と来月を表示するボタンを作成する。ＧＥＴで指摘された引数によって、カレンダーを表示できるようにした。
ここを、DIVタグで作成したのだが、スタイルシートの float の使い方を、まだ、マスターしていないので思ったより時間がかかっている。

やっぱり、スタイルシートは難しい。

さらに、６ケ月先の日付をいっしょにセットするのだが、これを計算する処理も、以外と大きくなった。月末とか年末の処理がやっぱり面倒。

とはいえ、予定どおりの機能を実現。
これをベースに、実際に利用する予定。