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

時間の入力支援javascript「ClockPick」

｜ ｜ ｜ ｜ ｜ ｜ ｜

日付の入力支援にはDatePickerがあります。
ClockPickは、時間用の入力支援javascriptです。

使用方法
ClockPickからjquery.clockpick.js、clockpick.cssをダウンロードします。
<link rel="stylesheet" href="http://yourdomain/clockpick.css" type="text/css">
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.clockpick.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#id名").clockpick();
});
</script>
上記を記述し、inputに指定したclass or id名を付与すれば完成です。
<input type="text" id="id名">
オプション
　・starthour：開始時間（デフォ8）
　・endhour：終了時間（デフォ18）
　・showminutes：分の表示（デフォTrue、False）
　・minutedivisions：分の刻み（デフォ4）
　・military：AM/PMの表記（デフォFalse、True）
　・event：時間の出し方（デフォClick、Mouseover）
　・layout：時間の表示方法（デフォvertical、Horizontal）
時間の入力支援javascript「ClockPick」サンプル

記事作成：2007年11月25日

前の記事：iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」
次の記事：検索で使用したキーワードをハイライト表示するjavascript「searchhi.js」