動作按鈕 (今天和清除)

DateTable 提供兩個內建按鈕，可以幫助終端使用者更容易瀏覽日曆

此範例顯示兩個已啟用的按鈕。

下面顯示的 Javascript 用於初始化此範例中顯示的表格

$('#test').dtDateTime({ buttons: { today: true, clear: true } });

new DateTime(document.getElementById('test'), { buttons: { today: true, clear: true } });

除了上述程式碼之外，還載入了下列 Javascript 函式庫檔案以供本範例中使用

下面顯示的 HTML 是原始 HTML 表格元素，在 DataTables 加強之前

此範例除了從函式庫檔案載入的 CSS (如下) 之外，還使用了一些額外的 CSS，以便正確顯示表格。下面顯示使用的其他 CSS

載入了以下 CSS 函式庫檔案以供本範例中使用，以提供表格的樣式

此表格透過 Ajax 載入資料。下面顯示已載入的最新資料。載入任何其他資料時，此資料將自動更新。

下面顯示用於執行此表格伺服器端處理的腳本。請注意，這只是一個使用 PHP 的範例腳本。伺服器端處理腳本可以使用任何語言編寫，使用 DataTables 文件中描述的協議。

其他範例