2013年4月25日 星期四

產生 jQuery UI 日期時間選取器的 PHP 函式

把 Trent Richardson 的 jQuery UI 日期時間選擇器 addon 用法測試一番後, 該寫一個 PHP 函式 get_datetimepicker() 來產生網頁與程式碼, 這樣以後直接呼叫它就萬事 OK 了, 不必再管那些選項設定啦. 設計的目標是 :
  1. 產生我常用的 "2013-04-17 12:10:00" 的格式
  2. 使用預設的滑桿設定時間
  3. 不顯示中間的選取時間 (取消, 還是要顯示為宜, 輸入框有時會被蓋住)
  4. 不顯示下方按扭
  5. 預設繁體中文
這函式主要是由 get_datepicker() 函式增修而得, timepicker 部分是採用  Trent Richardson 的 addon, 請先參考上一篇關於此插件的介紹, 從 Trent Richardson 的網站下載 zip 檔解壓縮後, 將下列檔案複製到專案目錄的 jquery 下 :

jquery-ui-timepicker-addon.js (插件主程式)
jquery-ui-sliderAccess.js (支援按鈕+滑動軸功能)
jquery-ui-timepicker-addon.css (時間選擇器樣式設定)

然後在網頁的 head 中, 除了 jQuery 與 jQuery UI 函式庫外, 還要再匯入這三個檔案. 經過這樣部署後, 在 PHP 檔案中呼叫下列函式就可以產生一個日期時間選擇器了. 注意, 繁體中文化中的時分秒標題已經被我加工過了, 字體加粗並向右移, 這樣版面看起來比較勻稱, 不會離左邊線太近.

<?php echo get_datetimepicker("datetimepicker1") ?>


沒有留言 :