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

過去2度jQueryベースのカレンダーを紹介しました。
jQueryベースのカレンダー作成javascript「jCalendar」
JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
今回は第3弾となるdynDateTimeです。
JavaScriptライブラリ「jQuery」でカレンダーを表示する「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」サンプル

sponsors

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

記事作成:
記事URL:

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