本地化意味着浏览器根据浏览器设置或应用程序内的手动设置以不同的语言显示数据。要实现 jQuery UI Datepicker 以根据浏览器设置以不同语言显示,请执行以下步骤:
方法:
- 添加以下 JavaScript 引用。
- 使用 JavaScript 获取浏览器语言版本。这是代码:
var userLang = navigator.language || navigator.userLanguage;
- 添加以下 JavaScript 代码以在 jQuery Datepicker 中实现本地化。在这里,我们使用扩展属性根据浏览器设置(步骤 2)设置区域语言。
var options = $.extend( {}, // empty object $.datepicker.regional[userLang], // Dynamically { dateFormat: "mm/dd/yy" } // your custom options ); $("#calendar").datepicker(options);
例子:
Localization JQuery UI Datepicker
JQuery UI Datepicker Localization
让我们看看下图,当语言改变时它是如何显示的:
输出 1:在以下代码中使用“en-US”将区域语言更改为英语时:
var options = $.extend(
{}, // empty object
$.datepicker.regional["en-US"], // Dynamically
{ dateFormat: "mm/dd/yy"} // your custom options
);
输出 2:在以下代码中使用“hi”将区域语言更改为印地语时:
var options = $.extend(
{}, // empty object
$.datepicker.regional["hi"], // Dynamically
{ dateFormat: "mm/dd/yy"} // your custom options
);
您可以根据需要从以下链接使用区域语言代码: ISO 639-1 代码列表