時間の入力支援javascript「ClockPick」

2007

11/25

日付の入力支援には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」サンプル

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加するこのページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

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


コメント投稿












時間の入力支援javascript「ClockPick」に関するコメントはまだありません。
ご遠慮なくコメントしてください。

この記事へのトラックバック:

トラックバック一覧


Random Entry Images

コードをプリティに整形するjavascript「code prettifier」
[mootools]Slide Effect
javascriptライブラリ「mootools」でパズルを作成する
jQueryベースのグラフ作成javascript「Chart Plugin」

Powered by Movable Type 4.1
RSSリーダーで購読

Copyright © skuare.net All rights reserved.