啓文社 - - 20100315　JavaScript でカレンダー（mootools+Calendar）

トップ > 2010年 > - 20100315　JavaScript でカレンダー（mootools+Calendar）

JavaScript でカレンダー

2010.03.15記

「JavaScript でカレンダー」目次

mootools+Calendar

http://mootools.net/

http://www.electricprism.com/aeron/calendar/

http://www.skuare.net/2008/01/javascriptcalendar.html （参考）

日付：

ヘッダ部

<link rel="stylesheet" type="text/css" href="/common/cal/mt/calendar.css" />
<script src="http://www.google.com/jsapi"></script>
<script>
	google.load("mootools", "1.11");
</script>
<script src="/common/cal/mt/mootools.js" type="text/javascript"></script>
<script src="/common/cal/mt/calendar.js" type="text/javascript"></script>
<script type="text/javascript">
	window.addEvent('domready', function() { 
			myCal = new Calendar({date: 'Y/m/d'}); 
		}
	);
</script>

mootools.js は Google AJAX Libraries API を利用し、バージョンには「1.11」を指定しました（1.2.1では動作しませんでした）。

コンテンツ部

<div style="float:left;">日付：</div>
<input id="date" type="text">

この記事の1行目に飛ぶ

2010.03.15　JavaScript でカレンダー

2010年

2010.02.15　印刷会社のホームページ8（世田谷）