檢視 JSCal2 的原始碼

[[分類:應用軟體]]
ET 使用的小日曆(1.0版)原網站在 [http://www.dynarch.com/ www.dynarch.com]，已停止服務，但留下 JSCal2 1.9 版。

==JSCal2==
最後的線上文件：[http://www.dynarch.com/jscal/ www.dynarch.com/jscal/]，其前言說明：
「這是新的 Dynarch Calendar（“JSCal2”）的說明檔。請注意，它與我們的舊日曆專案不相容。新日曆具有較少的預設使用方式，而是專注於廣泛的API，您可以使用它來執行所需的操作。這是一個教訓，我了解到無法讓滿足每個人的需求，所以最好提供很多的客製化功能，讓人們能夠自己規畫自己的工具。」 

新版並沒有舊版的 displayArea 參數，使得欄值使用 A 格式，而同時可以將欄值轉成 B 格式，讓人看懂。

新版對時、分的調整，改用「五分鐘一階的跳階」，而不是舊版的拖曳。
===使用範例===
<pre>&lt;!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'&gt;
&lt;meta http-equiv='content-type' content='text/html; charset=UTF-8' /&gt;
&lt;script src='./JSCal2/js/jscal2.js'&gt;&lt;/script&gt;
&lt;script src='./JSCal2/js/lang/cn.js'&gt;&lt;/script&gt;
&lt;link rel='stylesheet' type='text/css' href='./JSCal2/css/jscal2.css' /&gt;
&lt;link rel='stylesheet' type='text/css' href='./JSCal2/css/border-radius.css' /&gt;
&lt;link rel='stylesheet' type='text/css' href='./JSCal2/css/steel/steel.css' /&gt;
&lt;input size='30' id='f_date1' value='2000-02-29 12:50 PM'/&gt;&lt;button id='f_btn1'&gt;...&lt;/button&gt;&lt;br /&gt;
&lt;input size='30' id='f_date2' value='二月 9, 2000 06:50 PM'/&gt;&lt;button id='f_btn2'&gt;...&lt;/button&gt;&lt;br /&gt;
&lt;input size='30' id='f_date3' value='15 二月 2001 06:50 PM'/&gt;&lt;button id='f_btn3'&gt;...&lt;/button&gt;&lt;br /&gt;
&lt;input size='30' id='f_date4' value='四, 15 二月, 2001 06:45 PM'/&gt;&lt;button id='f_btn4'&gt;...&lt;/button&gt;

&lt;script type='text/javascript'&gt;//&lt;![CDATA[
	var cal=Calendar.setup({
		onSelect:function(cal){cal.hide()},
		showTime:true
	});
	cal.manageFields('f_btn1','f_date1','%Y-%m-%d %I:%M %p');		// 年-月-日 時:分 pm/am
	cal.manageFields('f_btn2','f_date2','%b %e, %Y %I:%M %p');		// 
	cal.manageFields('f_btn3','f_date3','%e %B %Y %I:%M %p');		// 
	cal.manageFields('f_btn4','f_date4','%A, %e %B, %Y %I:%M %p');	// 
//]]&gt;&lt;/script&gt;</pre>
===程式===
*已下載到：jendo.org/test/JSCal2
*使用示範在：jendo.org/test/JSCal2Demo.html