サイト内検索
...タグ・小技・etc...
jQuery
カレンダー(Datepicker)の表示
[サンプル]
Date:
[ダウンロード]
jQueryの「Download」ページよりjquery-1.3.2.jsファイル・ui.core.jsファイル・ui.datepicker.jsファイルを
ダウンロードします。
カレンダー(Datepicker)のソースは、「jQuery」を参照させていただきました。
ソース
[headの中]
<link rel="stylesheet" type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" /><script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="../ui.datepicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker();
});
</script>
[bodyの中]
<div style="font-size:10px;">Date: <div id="datepicker"></div>
</div>