html5 input[type=date]如何让日期中的年/月/日改成英文

子醉2025-11-04 10:15

结论

兄弟，十分不好意思。input控件在Google浏览器里是优先跟着Google浏览器的默认语言走的，我们无法改变浏览器的默认语言。并且不同浏览器对input控件的处理也不一样，所以我们无法保证能将input控件在不同浏览器里都变成统一的英文版本。所以，还是用插件吧...（或者你自己写一套控件也行）

可供参考的示例分享

html 复制代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <!-- Flatpickr CSS -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"
    />
  </head>
  <body>
    <input type="text" placeholder="Select a date" />
  </body>
  <!-- Flatpickr JS -->
  <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  <script>
    // 初始化 Flatpickr，设置为英文格式
    // Flatpickr 默认就是英文，无需额外配置 locale
    flatpickr("input[type='text']", {
      dateFormat: "Y-m-d", // 日期格式：YYYY-MM-DD
      altInput: false, // 不使用替代输入框
      allowInput: false, // 不允许直接输入
      clickOpens: true, // 点击打开日期选择器
      animate: true, // 启用动画
      monthSelectorType: "static", // 静态月份选择器
    });
  </script>
</html>