国际化

DateTime 输入显示给最终用户的所有文本字段均可以在 DateTime 控件初始化期间通过 i18n 配置选项进行自定义。此示例通过用法语显示所有字符串加以说明。

请注意,您可能还想使用 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 库文件以用于本示例中,为表格提供样式

      此表格通过 Ajax 加载数据。已加载的最新数据如下所示。这些数据将自动更新,因为其他任何数据已加载。

      用于执行此表格服务器端处理的脚本如下所示。请注意,这仅是使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写,使用 DataTables 文档中所述的协议

      其他示例