時間を選択できるjavascript「jQuery.ptTimeSelect」

フォームでは日付のほかに時間を求めることがあります。
日付同様、時間にも人により様々な書き方があるので、定型の形式を選択できると利用者、制作者にとって便利になるでしょう。
jQuery.ptTimeSelectは視覚的にもわかりやすい時間選択javascriptです。

使用方法
jQuery.ptTimeSelectからダウンロードし、以下のスクリプトを書き込みます。
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://www.skuare.net/test/js/dimensions.js"></script>
<script type="text/javascript" src="http://www.skuare.net/test/js/jquery.ptTimeSelect.js"></script>
あとは、表示したい場所に以下のようなHTMLを記述すれば完成です。
<form id="id名">
<input>
<a href="javascript:void(0);" onclick="jQuery.ptTimeSelect.openCntr('id名');">時間</a>
</form>
時間を選択できるjavascript「jQuery.ptTimeSelect」サンプル

2007年10月15日

前の記事：マトリックス風にテキストを表示するjavascript
次の記事：テキストにグラデーションをかけるjavascript「Textgrad」

関連記事

• [jQuery]Scrolling timepicker
• [jQuery]time picker
• 時間の入力支援javascript「ClockPick」
• 時間を指定するjavascript「jQuery Time Entry」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」