skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

JavaScriptライブラリ「jQuery」でカレンダーを表示する「dynDateTime」

｜ ｜ ｜ ｜ ｜ ｜ ｜

過去2度jQueryベースのカレンダーを紹介しました。
・jQueryベースのカレンダー作成javascript「jCalendar」
・JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
今回は第3弾となるdynDateTimeです。

使用方法
dynDateTimeからjquery.dynDateTime.js、calendar-win2k-cold-1.cssをダウンロードします。
またjQueryからjqueryy.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.dynDateTime.js"></script>
<script type="text/javascript" src="calendar-en.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#id名").dynDateTime();
});
</script>

上記を記述したらカレンダーを設置する場所に以下を書きます。
<input type="text" name="dateDef" id="id名" />

以上で完成です。
雑な日本語訳ファイル
calendar-jp.js
JavaScriptライブラリ「jQuery」でカレンダーを表示する「dynDateTime」サンプル

記事作成：2008年12月14日

前の記事：画像のキャプションをクールに表示するJavaScript「jQuery Captify Plugin」
次の記事：jQueryでニュースティッカーを作成するJavaScript「JqNews」