:::

4-6 修改日曆元件

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

  4. $action_date = new XoopsFormText('活動日期', 'action_date', 15, 255, $val['action_date']);
    $action_date->setExtra("onClick=\"WdatePicker()\"");
    $form->addElement($action_date, true);
  5. 截止時間也是一樣道理,不過因為要加入時間,所以,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);

     


:::

書籍目錄

展開 | 闔起

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D29%26tbdsn%3D874

計數器

今天: 1784178417841784
昨天: 3176317631763176
總計: 7451216745121674512167451216745121674512167451216