Javascript,jQuery

jqueryで時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた

2017/07/12

以前、時刻の入力補助ライブラリ「jQuery ClockPick」を紹介しました(このページ)が、さらに使いやすいライブラリを発見。
その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」とマルパクなものを作ってしまいまいました。

jQuery UI Timepicker

こちらがその元となったライブラリ。

jQuery UI Time Picker by Francois Gelinas
https://fgelinas.com/code/timepicker/

設定したインプットフォームにフォーカスすると、

jQuery_UI_Timepicker

上記のようなパネルが表示され、時・分を選択する、というものです。
既に入力されている時刻の場合は、入力されている時分が選択済みの状態となる、程度の良さ。

素直に感動。

使い方は、本家のサイトを御覧ください。
めちゃ簡単です。

jquery.tgClockPickTip2

さすがにマルパクなライブラリは公開しませんが、サンプルだけ。
幾つか本家よりも足りていない箇所はありますが、よく出来たな、という感じ。

時間があるときにまた更新してみよう。

デモ

-Javascript,jQuery
-, , , , ,