skuare.net

時間を指定するjavascript「jQuery Time Entry」

フォームなどで時間を入力して欲しいことがあるかもしれません。
そんなとき、jQuery Time Entryを利用すれば、入力が簡単になるかもしれません。

使用方法
jQuery Time Entryからファイル一式を、jQueryからjquery.jsをダウンロードします。
<script src="http:/yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.timeentry.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://yourdomain/jquery.timeentry.css" type="text/css">
<script type="text/javascript">
$(document).ready(function () {
$('.inputのクラス名').timeEntry({
show24Hours: true, //24時間表記
showSeconds: true //秒数の表示
});
})
</script>
上記のように記述しあとはinputにclassとして上記で指定したのを付与すれば完成です。
＊テンキーでも操作可能です。
時間を指定するjavascript「jQuery Time Entry」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：テキストファイルをClient Side Includeできるjavascript「inc」
次の記事：jQueryベースのカレンダー作成javascript「jCalendar」

関連記事

• [jQuery]Scrolling timepicker
• [jQuery]time picker
• 時間の入力支援javascript「ClockPick」
• 時間を選択できるjavascript「jQuery.ptTimeSelect」
• amazonライクにぐるぐる回るJavaScript「3D Image Carousel」