第24回 JavaScriptによるUIの実装：カレンダー | gihyo.jp
こんにちは。今回も引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回はやや趣向を変えて、JavaScriptでカレンダーを実装してみます。 Dateオブジェクト カレンダーを実装する前に、JavaScriptのDateオブジェクトについておさらいしておきましょう。 まず、Dateオブジェクトはnew演算子でインスタンスを作ってから使います。そのとき渡す引数は4つのタイプがあります。 引数なし→現在の日時 文字列→日付を表す文字列としてパースして解釈 数値(1つ)→1970年1月1日00:00:00時点からのミリ秒数として解釈 数値(2つ以上)→第一引数から順番に、年、月、日、時、分、秒、ミリ秒として解釈 Dateオブジェクトの初期化 new Date(); // 現在日時 new Date('2011/2/28'); new Date(1298818800000);
JavaScript 例題11
例題11： カレンダーの作成 このページでは、カレンダーの作り方を勉強します。 例題として、下に示すような３種類のカレンダーについて扱います。 一番左のものは、JavaScript の参考書などでよく見かける基本的なカレンダーです。 タイプ１ と タイプ２ は、この基本形に筆者が手を加えたものです。 タイプ１ は、スタイルシート を適用して形を整え、更に 祝日を表示 させるようにしたものです。 基本形と タイプ１ は、今月の表示だけなのに対して、タイプ２ は、「前月」 ボタンと 「次月」 ボタンを操作することにより、表示月が書き換わる ようにしたものです。 カレンダーを作成するには、Date オブジェクトを使った操作が必要になります。 また、祝日を扱うには、ちょっとしたプログラミングのテクニックが必要となります。 さらに、JavaScript を書き換えることなく、スタイルシートを書き換え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
