結論
兄弟,十分不好意思。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>