しゃれとる!スマホでも快適カレンダーのjQueryプラグイン「datedropper」

ここまで、しゃれとるカレンダー表示はなかったのではないでしょうか。
しかも導入は簡単で、スマホも快適UIなので、これでユーザーのフォーム入力も捗ることでしょう。
datedropper - jQuery Dates Plugin
しゃれとる!スマホでも快適カレンダーのjQueryプラグイン「datedropper」サンプル

使用方法 導入は簡単3STEP
datedropperからファイル一式をダウンロード。
■STEP1
<link rel="stylesheet" type="text/css" href="datedropper.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="datedropper.js"></script>

■STEP2
<input type="text" id="departure" />
■STEP3
<script>$( "#departure" ).dateDropper();</script>
ほら簡単でしょ!
カスタマイズもできちゃいます。
$( "#input" ).dateDropper({ option:"value" });
って感じです。
{color:'#f87a54',animation:'dropdown',placeholder:'TEXT FIELD'}こんなんとか
{format:'Y',minYear:2010,maxYear:2030,placeholder:'yyyy',color:'#66c8ba',animation:'bounce'}
こんなんとかできちゃいます!!

しゃれとる!スマホでも快適カレンダーのjQueryプラグイン「datedropper」サンプル

sponsors

「しゃれとる!スマホでも快適カレンダーのjQueryプラグイン「datedropper」」をシェアする

記事作成:
記事URL:

TOP > > > しゃれとる!スマホでも快適カレンダーのjQueryプラグイン「datedropper」