時間を指定する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サンプルページ一覧

skuare.net