日期選擇器 - Calendar Popup
常看到有些網站在要讓網友註冊或是填寫一些表單時，當有遇到日期的欄位，就會啟動一個小型月曆視窗讓網友能很方便的選擇日期，這個特效要怎麼製作呢？如果想要製作出日期選擇器，那麼就不要錯過這一篇的內容喔 ~
首先先安裝 Calendar Popup 的插件，這個插件會被安裝在行為指令中。
安裝完插件後，首先要叫出表單的頁面，請根據自身需求先做好表單的頁面
現在我希望在出生日期的欄位後面的那個月曆圖檔點一下，就會跳出日期選擇器讓使用者方便選擇日期，所以必需先點選月曆的這個圖檔，然後再點選行為→Kaos→Calendar Popup V2.4.0
Select Language : 選擇語言檔，插件本身提供了五種語言檔，英文、法文、德文、義大利文與西班牙文，若點選了New Language的話，還可以自行增加語系，建立自己的語言檔
首先先來教大家如何自訂語言檔：
- 請先在 Select Language 的下拉選單中選擇到 New Language
- 在 New Language Name 的地方填上你的語言名稱
- 在 Month Label 下方的月份列表中先點一下 Month 1，然後再 Month Label 欄位填入「一月」
- 當Month Label 填寫好一月後，再點一下 Month 1 的地方，則 Month 1 後面會有個 * 的符號，表示 Month 1 的內容已被修改過了。
- 接著再點 Month 2，然後再 Month Label 的欄位填入「二月」，再點一下 Month 2，來更新 Month2 的資料
- 依序將 Month 1 ~ 12 填入每個月的月份，就完成了月份的中文名稱
- 接著是 Day Label 的部份，這裡要填入的是星期幾的顯示名稱，請依下列表格填入相對應的文字，設定方式與設定 Month Label 一樣。
當然，你若覺得不妥，也可以填入自己想要設定的文字。Day 項目 Day Label 填入字串 Day 1 日 Day 2 一 Day 3 二 Day 4 三 Day 5 四 Day 6 五 Day 7 六
上述的七個步驟完成後，就可以算是新增好了語系檔了，當你下次要再次使用這個日期選擇器時，就可以直接選擇自訂的語系檔，不用再重新製作一次了。
接著回到日期選擇器的正題，請在 Select Form Field 中選擇你的日期欄位，也就是當使用者利用日期選擇器選擇好日期後，要將日期資料丟到那一個表單欄位中，選擇好後請點選 Next 鈕。
接下來是設定日期選擇器的一些設定項
- Font : 設定字體，緊接著 Font 後面的 Color 選項是設定主要文字的顏色，如上圖中的年份、月份的顏色，就是在這個 Color 設定的
- Background Colors (在上圖中利用了不同顏色與結果來對照，以便於快速知道那一個顏色是對應在那一部份的):
Today 是指今天的日期的背景顏色
Weekend 星期六日兩天的背景顏色
Special 指特別的日子的背景顏色，Special 的特別日子的設定會在下一個步驟講到
Weekday 指一般日子的背景顏色
Calendar 是整體的背景顏色
Weekday Title 指星期幾的背景顏色
Other Months 指這個月中其他非本月的日子的背景顏色 - 顏色設定好了之後，下方有個 Date Format 欄位，這裡是指日期選擇器要輸出怎麼樣的欄位格式給表單的日期欄位，可以設定年月日或是日月年等等，請依表單所需格式來設定。
- Start week on Monday : 月曆的由星期一為開始，請勿勾選此項，若要勾選此項，請將之前所設定的語系 Day Label 的 Day 1 當成是星期一，而不是星期日。
- Show Prior & Following Month Days : 當月的日期中，前後的非本月日期是否顯示，打勾是要顯示。
Show Prior & Following Month Days 有勾 Show Prior & Following Month Days 未勾 
- 設定好之後再選擇 Next 進行下一步驟的設定
接下來所設定的是較細節的選項，若不設定直接按確定也可以，若要設定，請再繼續往下看下去
- Special Days 是指特別的日子，可以設定單獨一天(要提供年月日)，或是設定一年循環一次(提供月日，然後把Year 右方的all選項打勾)
- Start Date on: 當日期選擇器被呼叫後，所出現的日期是當月月份或是由使用者自行指定的月份，若要自行指定月份，請把 Today 的打勾取消選擇。
- Digit Display : 日期的數字顯示方式是單字元或是雙字元
- Date Entry : 日期的選擇選項，有三項，AllDates 是指全部的日期均可選擇；Tomorrow+是指明天以後的日期才能被選擇；Today+指今天以後的日期可以被選擇
- Limit Future to : 限制功能，當想要限制本日(含)以前的日期可以點選，未來不能點選，那麼可以在這個欄位中填入0，就能限制了。
- Link Calendars : 這一項我試不出來它的功能，內定是未勾選，也建議不要勾選，若有人試出這個功能，麻煩告訴我該如何使用。
- 都設定好之後就按下確定，就完成了日期選擇器的製作囉
備註 :
由於新增後的語系檔案在介面中是無法刪除的，也無法修改，所以若要更動新增的語系檔案，請自行利用純文字檔案編輯器來修改語系檔。語系檔案存在的路徑
C:\Documents and Settings\%Username%\Application Data\Adobe\Dreamweaver 9\Configuration\Shared\Kaos\calendar.xml
%Username% 是指登入 Windows 的使用者名稱，這個值會依每部電腦設定不同而有不一樣的值
插件下載