jQuery datepicker日历在亚洲及部分欧洲城市日期显示异常问题咨询

jqueryui日期选择器出现跨地区日期数字显示异常的问题，并非代码编码错误，核心触发原因是组件默认读取运行环境的区域本地化配置渲染数字。伦敦、山景城、旧金山、圣保罗的系统默认区域配置使用标准阿拉伯数字0-9渲染，因此显示正常；东京、上海、孟买、莫斯科、柏林等地区的部分默认区域配置，会调用对应语言的专属数字字符渲染，因此出现日期数字显示错误。

修复方案 #

• 单组件初始化时强制指定数字字符，示例代码如下：

$(".datepicker-selector").datepicker({
  // 其他原有配置保留，新增以下配置强制使用阿拉伯数字
  digits: ["0","1","2","3","4","5","6","7","8","9"]
});

• 全局配置所有日期选择器生效，在页面引入jqueryui后的初始化阶段添加以下代码：

$.datepicker.setDefaults({
  digits: ["0","1","2","3","4","5","6","7","8","9"]
});

内容的提问来源于stack exchange，提问作者Ross Symonds