JQueryのclockpick
|
焼肉亭ばんばん様のホームページのお問合せフォームに「ご来店時間」を追加することになり、
clockpickを導入してみました。
最初にみつけたホームページClockPickのリンク先が古いもので
必要なファイルを正しくダウンロードすることができず、
それに気が付かず、若干はまりましたが、
最初から下記のＵＲＬにアクセスできていれば、
本当に簡単に導入できます。
必要なファイルは
jquery.clockpick.js と clockpick.css
のみ。
これを読み込み、時間を入力するテキストボックスに「time」というidを付けたとすれば、
$(document).ready(function(){ $("#time").clockpick();
}); とするだけです。
焼肉亭ばんばん様では、オプションを指定して
$("#time").clockpick({
starthour:18,
endhour:22
}); と予約可能時間を18:00から22:00までとしてみました。
標準のフォントの大きさが小さいと感じたので、
CSSをいじって少し大きめにしてみました。
ちなみに、予約フォームはこちらです。
|
コメント（1）
