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);