時間の入力支援javascript「ClockPick」

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

使用方法
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」サンプル

sponsors

「時間の入力支援javascript「ClockPick」」をシェアする

記事作成:
記事URL:

TOP > > > 時間の入力支援javascript「ClockPick」