html5 input[type=date]如何让日期中的年/月/日改成英文
结论
兄弟,十分不好意思。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 --><linkrel="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 默认就是英文,无需额外配置 localeflatpickr("input[type='text']", {dateFormat: "Y-m-d", // 日期格式:YYYY-MM-DDaltInput: false, // 不使用替代输入框allowInput: false, // 不允许直接输入clickOpens: true, // 点击打开日期选择器animate: true, // 启用动画monthSelectorType: "static", // 静态月份选择器});</script>
</html>