1. Day Pilot

這是一個為ASP.NET 而寫的一個component。成熟程度好高。還備有schedule 的 version 。

有Lite （免費，但功能會少一點）和P和Pro （當然要收錢的） version 。

Source: http://www.daypilot.org

2. dhtmlxScheduler

這都是一個很成熟的component. 非常smooth。有齊daily , weekly, monthly，commercial application 其實是必定要完整的。否則一定沒有人買。

不過如果你個想寫的都要是GNU (opensource） 才可以免費使用這個calendar ，否則就要收錢了。(Dual Licensing 亦不能用的呢）

Demo: http://dhtmlx.com/docs/products/dhtmlxScheduler/livedemo.shtml
Source: http://dhtmlx.com/docs/products/dhtmlxScheduler/

3. Web2cal

非常smooth。成熟程度很高。暫時最似outlook calendar 的style 。雖然是commercial的，但如果你／client  不介意link back to we2cal的話。就可以免費使用。chowky 覺得這個是最好的 Component，所以很開心呢～(終於找到個合用的）

Demo: http://www.web2cal.com/web-2-events-calendar/web-2-calendar-demo.html
Source: http://www.web2cal.com/
License:  Basic- free (required to link back every page to web2cal)
Premium – Commercial

4. MooMonth

這個 calendar control 是基於MOOTOOL 來寫的。因為正在於early development stage 所以不建議用來做production 用途。

這是免費的。其實都外觀都不錯，而且又有簡單的效果。希望不隊將來會見到完成品。

Source: http://code.google.com/p/moomonth/
License: LGPL

5. Plans – A Good Web Calendar

只有monthly view ，成熟程度不夠 （免費的就要求不要這麼高呢），（不過基本要的功能都有），好處是免費。

Demo: http://www.planscalendar.com/demo/
Source: http://www.planscalendar.com/
License: License Free

6. JCalendar

這個calendar 是基於主流的jquery而做的。In Early Development Stage ，production 就不要用。雖然demo 比較簡單，但其實利用CSS 的話，這個calendar 都可以包裝的不錯呢。

這是MIT license 。完全opensource。

只得monthly view ，而且功能上不夠，簡單的view 就應該無問題，其他的就…..

License: MIT
Source: http://code.google.com/p/jmonthcalendar/

7. Full Calendar

之前都介紹過。

這都是build  base on jquery。雖然只有monthly view，而功能上都無要收錢的大。但簡單的calendar function 都有齊，所以chowky 都prefer 這個。

Demo: http://arshaw.com/fullcalendar/
Source: http://arshaw.com/fullcalendar/

License: License Free

Update: 2011-08-15 full calendar 加入了day view and week view

8. jQuery Week Calendar

差不多個個都是寫monthly view 的，這個就只做weekly view 的。如果只是要weekly 的，chowky 覺得這個雖然只得weekly view ，但成熟程度不會比收錢的commercial calendar control 差。而且是MIT license，所以chowky 覺得如果把Full Calendar + jQuery Week Calendar 一齊用的話，都應該不錯。

License: MIT License
Source: http://www.redredred.com.au/projects/jquery-week-calendar/

總結一下：

根據 chowky 所看過的不同calendar control ，最值得developer 採用的應該是web2cal。

如果不想 link back ／ 相簡單一點，Full Calendar + jQuery Week Calendar

1

<input type="text" name="full_address" id="address" value="5th Avenue" />

2. 不要放name attribute 在form tag 入面。
和上面的情況非常相似，要避免IE的問題。

不過chowky 不知道name 是deprecated (哈)

Also, the name attribute for forms is deprecated in XHTML Strict, so it’s not best practice anyhow. The name attribute was added to form elements in older sites, so if you’re trying to debug a getElementById issue in IE7 on some inherited code, there could be a conflict occurring due to this fact.

1

<form id="contact_form">

3. 不要在任何element tag 中使用 id=”description”
這個真的奇怪，而且chowky 都不知道，因為未試過中招呢。~
不過原來好簡單。
因為是ie 的name attribute 和id attribute 的衝突。
大家有無留意過，每一個website都會有meta tag

1
2

<meta name="description" content="website description" />  
<!-- 就是這句，description 是name attribute，所以ie上其他的element 有description 要避免使用-->

1
2
3

//所以這兩句get出來的value : firefox 正常，但ie6,7 就會失敗，因為meta tag 是沒有value
var textareaBox = document.getElementById("description");  
alert(textareaBox.value);

如果不能改變html 的話，就看看原文，有提供簡單的方向去解決問題

Source: http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/

Source: http://mochaui.com/
Demo: http://mochaui.com/demo/