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

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

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

sponsors

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

記事作成:
記事URL:

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