JavaScript でカレンダー 2010.03.15記

  「JavaScript でカレンダー」目次

jQuery UI Datepicker

  http://jqueryui.com/demos/datepicker/

Date:

ヘッダ部

<link type="text/css" href="/common/cal/jq/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script src="http://www.google.com/jsapi"></script>
<script>
	google.load("jquery", "1.3.1");
</script>
<script type="text/javascript" src="/common/cal/jq/jquery.ui.core.js"></script>
<script type="text/javascript" src="/common/cal/jq/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/common/cal/jq/jquery.ui.datepicker.js" ></script> 
<script type="text/javascript" src="/common/cal/jq/jquery.ui.datepicker-ja.js" ></script> 
<script type="text/javascript">
$(function() {
	$("#datepicker").datepicker();
});
</script>

jquery.js は Google AJAX Libraries API を利用しています。また、日本対応にする jquery.ui.datepicker-ja.js は このページ最下部に記されていた http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/ よりダウンロードしました。

コンテンツ部

<p>Date: <input type="text" id="datepicker"></p>