Tad 教材網 - 線上書籍

:::

\[982\]PHP網站開發 進階應用技巧
=====================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/9802/07.zip)

### 一、[讓輸入框可以選擇日期、時間](http://blog.w3visions.com/)

1.網頁檔頭務必為：**<font color="#ff0000"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></font>**

<font color="#3366ff"><script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>  
 <script src="js/jquery\_ui\_datepicker/jquery\_ui\_datepicker.js" type="text/javascript"></script>  
 <script type="text/javascript">  
 $(function() {  
 $('#date').datetime({  
 userLang : 'zh-TW',  
 americanMode: false,  
 });  
 });  
 </script>  
 <script src="js/jquery\_ui\_datepicker/i18n/ui.datepicker-zh-TW.js" type="text/javascript"></script>  
 <script src="js/jquery\_ui\_datepicker/timepicker\_plug/timepicker.js" type="text/javascript"></script>  
 <link rel="stylesheet" type="text/css" href="js/jquery\_ui\_datepicker/timepicker\_plug/css/style.css">  
 <link rel="stylesheet" type="text/css" href="js/jquery\_ui\_datepicker/smothness/jquery\_ui\_datepicker.css"></font>

### 二、[整合fullcalendar 1.4全頁面月曆](http://arshaw.com/fullcalendar/docs/index.php)

<font color="#3366ff"><script src="js/fullcalendar/fullcalendar.js" type="text/javascript"></script>  
 <link rel="stylesheet" type="text/css" href="js/fullcalendar/fullcalendar.css">  
 <script type="text/javascript">  
 $(function() {  
 $('#calendar').fullCalendar({  
 //相關參數  
 })  
 });  
 </script></font>

1.相關參數：  
 (1) 起始年月日：year: 1973, month: 6, date: 16  
 (2) 呈現模式：defaultView:'month' （單月=month , 單周=basicWeek , 單日=basicDay , 單周議程=agendaWeek , 單日議程=agendaDay）  
 (3) 標題呈現：header: { left:'title', center:'', right:'today prev,next' } （選項有：today,title,prev,next,prevYear,nextYear ）  
 (4) 按鈕文字：buttonText:{today:'今天',prev:'上個月',next:'下個月'}  
 (5) 高度比例設定：aspectRatio: 1.35（比例越大，高度越小）  
 (6) 周顯示模式：weekMode:'fixed'（固定秀六週=fixed,顯示實際週數=liquid,顯示實際週數=variable）  
 (7) 顯示all day欄位：allDaySlot: true（僅在agendaWeek或agendaDay有效）  
 (8) 定義all day文字：allDayText: '整日'  
 (9) 起始小時：firstHour: 8  
 (10) 時間間隔：slotMinutes: 30

### 三、事件格式

1.id: 事件辨識名稱，值為整數或字串。  
 2.title: 事件名稱  
 3.allDay: 是否為全日事件（非必須）  
 4.date: 事件開始日期（同start），支援IETF格式（如：Wed, 18 Oct 2009 13:00:00 EST）、ISO8601格式（如：2009-11-05T13:15:30Z）、或者時間戳記。  
 5.start: 事件開始日期（同date）  
 6.end: 事件結束日期（非必須）  
 7.url: 點選連結網址（非必須）  
 8.className: Class樣式名稱（非必須）  
 9.editable: 是否可移動或改變大小（非必須）  
 10.source: 資料來源（非必須）

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D200

快速登入

書籍目錄

展開 | 闔起

線上使用者

46人線上 (24人在瀏覽線上書籍)

會員: 0

訪客: 46

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者