Wataame Frog Labo

時間入力補助 jQuery.tgClockPickTip Ver.2

このページはブログ『Wataame Frog』の「【jQuery】時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた」という記事のサンプルです。
記事URL : https://nodoame.net/archives/5702

デモ

clock1 :

clock2 :

clock3 :

clock4 :

使い方

ヘッダ記述方法

htmlヘッダー中に、以下スクリプトを記述して下さい。
※jQuery.tgClockPickTip本体、付属css及びjqueryも読み込んでください。

<script>
jQuery(function(){
$(this).tgClockPickTip({
selector:'tgclpk', // ←★対象フォームのclass名(後述)を指定
});
});
</script>

フォーム記述例

<input type="text" name="sample_a" class="tgclpk" id="clock1" size="10">
<input type="text" name="sample_b" class="tgclpk" id="clock2" size="10">

class : 必須。名称は任意。同画面で複数個を対象とする場合は、同じclass名を指定して下さい。
id : 必須。名称は任意ですが、必ず一意の名称にして下さい。