國際化
DateTime 輸入顯示給終端使用者的所有文字欄位,都可以透過其 i18n
設定選項,在 DateTime 控制項的初始化期間進行自訂。此範例展示了如何透過顯示法語中的所有字串來達成此目的。
請注意,您可能也希望使用 format
選項,將日期/時間值的顯示自訂為終端使用者熟悉的格式。
- Javascript
- HTML
- CSS
- Ajax
- 伺服器端腳本
- 註解
以下顯示的 Javascript 用於初始化此範例中顯示的表格
$('#test').dtDateTime({ i18n: { previous: 'Précédent', next: 'Premier', months: [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ], weekdays: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] } });
new DateTime(document.getElementById('test'), { i18n: { previous: 'Précédent', next: 'Premier', months: [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ], weekdays: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] } });
除了上述程式碼外,還會載入以下 Javascript 函式庫檔案,以便在此範例中使用
以下顯示的 HTML 是原始 HTML 表格元素,在 DataTables 增強之前
此範例使用了一些額外的 CSS,除了從函式庫檔案 (如下) 載入的 CSS 之外,以便正確顯示表格。以下顯示使用的額外 CSS
以下 CSS 函式庫檔案已載入,以便在此範例中使用,以提供表格的樣式
此表格透過 Ajax 載入資料。以下顯示已載入的最新資料。當載入任何其他資料時,此資料將自動更新。
以下顯示用於執行此表格伺服器端處理的腳本。請注意,這只是一個使用 PHP 的範例腳本。伺服器端處理腳本可以使用任何語言編寫,使用 DataTables 文件中描述的協定。