結論

兄弟,十分不好意思。input控件在Google瀏覽器裏是優先跟着Google瀏覽器的默認語言走的,我們無法改變瀏覽器的默認語言。並且不同瀏覽器對input控件的處理也不一樣,所以我們無法保證能將input控件在不同瀏覽器裏都變成統一的英文版本。所以,還是用插件吧…(或者你自己寫一套控件也行)

可供參考的示例分享

<!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>