日期與時間
這個範例展示了用於日期和時間輸入的日期/時間輸入。
- Javascript
- HTML
- CSS
- Ajax
- 伺服器端腳本
- 註解
以下顯示的 Javascript 用於初始化此範例中顯示的表格
$('#test').dtDateTime({ format: 'D MMM YYYY HH:mm' });
new DateTime(document.getElementById('test'), { format: 'D MMM YYYY HH:mm' });
除了上面的程式碼之外，還載入了以下 Javascript 函式庫檔案，以便在此範例中使用
以下顯示的 HTML 是原始 HTML 表格元素，在 DataTables 增強之前
這個範例使用了一些額外的 CSS，超出從函式庫檔案載入的 CSS（如下所示），以便正確顯示表格。 使用的額外 CSS 如下所示
以下 CSS 函式庫檔案被載入以在此範例中使用，以提供表格的樣式
此表格透過 Ajax 載入資料。 以下顯示已載入的最新資料。 隨著任何額外資料的載入，此資料將自動更新。
以下顯示用於執行此表格的伺服器端處理的腳本。 請注意，這只是一個使用 PHP 的範例腳本。 伺服器端處理腳本可以使用任何語言編寫，並使用 DataTables 文件中描述的協定。