「時」「分」「AM/PM」を個別に選択する時間入力「Timepicki」
当ページのリンクには広告が含まれています。
スポンサーリンク
「時」「分」「AM/PM」を個別に選択し、時間入力を補助するプラグイン「Timepicki」を紹介します。
jQueryプラグイン「Timepicki」
このプラグインを使えば、「時」「分」「AM/PM」の個別に選択するタイムピッカーを実装することができます。
時間は分ごとに細かく選択することができ、シンプルなCSSも用意されているので、おすすめです。
スポンサーリンク
それではデモページのタイムピッカーをご覧ください。
ソース（ HTML + jQuery ）
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name="description" content="TimePickiのデモでーす。">
<title>TimePicki - jQueryプラグイン</title>
<link rel="stylesheet" type="text/css" href="css/timepicki.css"/>
</head>
<body>
<h1>Timepicki のデモでーす。</h1>
<input type="text" name="time"/>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/timepicki.js"></script>
<script>
$("input").timepicki();
</script>
</body>
</html>
スポンサーリンク