jQuery

Javascript,jQuery

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

2018/09/07

以前、時刻の入力補助ライブラリ「jQuery ClockPick」を紹介しました(このページ)が、さらに使いやすいライブラリ「jQuery UI Time Picker by Francois Gelinas」を発見。
その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」と練習の意味も込めて、どこまで近づけるか力試しをしてみました。

jQuery UI Time Picker by Francois Gelinas

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

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

jQuery_UI_Timepicker

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

素直に感動。

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

jquery.tgClockPickTip2

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

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

デモ

夜は短し歩けよ乙女 (角川文庫)

夜は短し歩けよ乙女 (角川文庫)

森見 登美彦

価格 : 605円

     

-Javascript,jQuery
-, , ,