國際化

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 文件中描述的協定

      其他範例