今日の人気記事

  1. 画像に拡大・縮小ボタンを「Zoomer」
  2. 入力に応じてテキストエリアの高さを調節「Autosize」
  3. テキスト・画像・iframeなどに対応したLightbox「Featherlight」

「時」「分」「AM/PM」を個別に選択する時間入力「Timepicki」

スポンサーリンク

「時」「分」「AM/PM」を個別に選択し、時間入力を補助するプラグイン「Timepicki」を紹介します。

jQueryプラグイン「Timepicki」

このプラグインを使えば、「時」「分」「AM/PM」の個別に選択するタイムピッカーを実装することができます。

時間は分ごとに細かく選択することができ、シンプルなCSSも用意されているので、おすすめです。

スポンサーリンク

それではデモページのタイムピッカーをご覧ください。

「Timepicki」のデモ

ソース( 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>
スポンサーリンク

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