JQueryのclockpick

焼肉亭ばんばん様のホームページのお問合せフォームに「ご来店時間」を追加することになり、

clockpickを導入してみました。

最初にみつけたホームページClockPickのリンク先が古いもので

必要なファイルを正しくダウンロードすることができず、

それに気が付かず、若干はまりましたが、

最初から下記のＵＲＬにアクセスできていれば、

本当に簡単に導入できます。

http://www.jnathanson.com/index.cfm?page=jquery/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をいじって少し大きめにしてみました。

ちなみに、予約フォームはこちらです。

http://829banban.com/form/index.php

[おっすｗｗ]

9z4sB6MU
久しぶりｗｗｗ
元気してんのか？
俺は相変わらず、美味しい思いさせてもらいまくってるぜｗｗｗ
tp://01239375.www.i-comm.mobi/01239375/