timepickerについて

 

日付を入力するときに直接、文字入力するのがメンドイことからカレンダーが表示されるプラグインを使っている人は多いでしょう。

私も日頃Datepickerというライブラリを使っています。が、このプラグイン日付の入力はできても、時間の指定まではできません。

時間の指定ができるのが本日紹介するtimepickerというライブラリです。

下記のようにプルダウン形式で時間を選ぶことができます。

time

ソース

https://github.com/jonthornton/jquery-timepicker

jQuery以外には上記だけで読み込み可能()です。

小ネタ

inputのプロパティとしてreadonlyを有効にしているとライブラリが発動しないので気を付けましょう。 これで1時間ぐらい悩みました・・・

参考リンク

http://www.moongift.jp/2013/08/20130810/ (←今回お世話になったリンクはこちら)

http://ryus.co.jp/blog/datepickertimepicker/

http://sterfield.co.jp/officer/%E6%99%82%E9%96%93%E3%81%BE%E3%81%A7%E9%81%B8%E6%8A%9E%E3%81%A7%E3%81%8D%E3%82%8Bdatepicker%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3timepicker%E3%80%82%E3%82%92%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96/

 

  • このエントリーをはてなブックマークに追加
  • Pocket

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。