修改日曆元件

XOOPS模組開發

4-6 修改日曆元件

官方的月曆挑選器其實還可以，但是時間挑選器在接收處理時間時就頗麻煩，所以，我們可以改用自己喜歡的月曆挑選器。例如：http://my97.net/demo/index.htm
編輯 action_form() 函數，在裡面加入以下語法，好讓 XOOPS 自動載入月曆的相關js檔
```
include_once XOOPS_ROOT_PATH . "/modules/tadtools/cal.php";
$cal = new My97DatePicker();
$cal->render();
```
由於 WdatePicker 需要輸入日期的input欄位中加上 onClick="WdatePicker()" 語法才會動，所以，接著要修改原來的時間物件，改用文字輸入物件 XoopsFormText 來套用月曆即可：

$action_date = new XoopsFormText('活動日期', 'action_date', 15, 255, $val['action_date']);
$action_date->setExtra("onClick=\"WdatePicker()\"");
$form->addElement($action_date, true);

截止時間也是一樣道理，不過因為要加入時間，所以，WdatePicker() 的設定項目會長一點

$end_date = new XoopsFormText('截止日期', 'end_date', 15, 255, $val['end_date']);
$end_date->setExtra("onClick=\"WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss', startDate:'%y-%M-%d 17:30:00'})\"");
$form->addElement($end_date, true);

4-5 在內建表單元件加入額外設定