今日の人気記事

  1. ExcelのようにTableが編集できちゃう「Handsontable」
  2. 左右にスクロールできるタブメニュー「ScrollTabs」
  3. 画面の端についてくるメニューを設置「mb.extruder」

時間入力を補助する「timepicker」

スポンサーリンク

時間入力を補助するjQueryプラグイン「timepicker」を紹介します。

jQueryプラグイン「timepicker」

入力欄をクリックすると時間の選択項目が表示される便利な機能が利用できます。

スポンサーリンク

デモでは、もっとも基本的な動作を紹介しています。

「timepicker」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Timepicker - jQueryまとめのカルマ</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.timepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.timepicker.css" />
</head>
<body>
<div id="container">
<h1>Timepickerのデモでーす。</h1>
<div class="example">
<script>
$(function() {
  $('#basicExample').timepicker();
});
</script>
<p><input id="basicExample" type="text" class="time" /></p>
</div>
</div>
</body>
</html>

さまざまなオプションやその他の詳細はこちらからどうぞ。
» Timepicker for jQuery

スポンサーリンク

関連記事(一部広告含む)