[jQuery] カレンダー入力簡単設置方法

参考サイト

http://www.webdesign-fan.com/jquery-ui-datepicker

STEP1

jQuery設置

<script src=”js/jquery-1.9.1.min.js”></script>

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js”></script>

<script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js”></script>

<link rel=”stylesheet” href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css” >

STEP2

カレンダー用スクリプト

<script>
$(function() {
$(“#datepicker”).datepicker();
});
</script>

<script>
$(function() {
$(“#datepicker”).datepicker();
$(“#datepicker”).datepicker(“option”, “showOn”, ‘button’);
$(“#datepicker”).datepicker(“option”, “buttonImageOnly”, true);
$(“#datepicker”).datepicker(“option”, “buttonImage”, ‘ico_calendar.png’);
});
</script>

STEP3

入力欄にカレンダー指定

<input type=”text” id=”datepicker”>



メルマガ登録をお願いします。

素敵な?情報がいつもあなたに届くようになります。(itmnewsの記事が届きます。)お役に立つかどうかわかりませんが頑張りますっ。登録してみてください。


 



シェアする

  • このエントリーをはてなブックマークに追加

フォローする