Chrome中date输入控件未遵循浏览器本地语言设置问题求助

步骤1：确认Chrome的首选语言设置 #

Chrome仅添加荷兰语还不够，必须将其设为首选语言：

• 进入Chrome设置 → 语言 → 找到荷兰语（Nederlands）
• 点击右侧菜单，选择「移至顶部」
• 重启浏览器后生效

步骤2：给HTML页面指定语言属性 #

在页面的<html>标签中添加lang="nl"，明确页面语言环境，帮助浏览器识别区域格式：

<html lang="nl">
  <body>
    <input type="date" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31" />
  </body>
</html>

步骤3：JavaScript强制指定区域（备选方案） #

如果前两步无效，可通过JS为控件指定荷兰语区域：

const dateInput = document.getElementById('start');
dateInput.setAttribute('lang', 'nl-NL');
// 或直接设置locale属性
dateInput.locale = 'nl-NL';

关键说明 #

原生date控件的渲染格式完全依赖浏览器的区域配置，个别情况下需要清除Chrome缓存或重新启动才能加载新的语言设置。

内容的提问来源于stack exchange，提问作者Bart Friederichs