如何使用 jQuery 创建 UI 日期选择器？

本地化意味着浏览器根据浏览器设置或应用程序内的手动设置以不同的语言显示数据。要实现 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   
      
    
      
    
      
      
    
      
      
        $(document).ready(function() {  
    
            var userLang = navigator.language || navigator.userLanguage;  
    
            var options = $.extend({}, // empty object    
                $.datepicker.regional[userLang], {  
                    dateFormat: "mm/dd/yy"  
                } // your custom options    
            );  
    
            $("#calendar").datepicker(options);  
        });  
      
  
    
  
      
        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 代码列表