如何设置input type="date"日期输入框周起始日为周一
答复
原生<input type="date"> 控件没有提供任何官方接口用来修改每周起始日。
这个控件的日历渲染逻辑完全由浏览器接管,周起始规则默认跟随用户操作系统、浏览器的区域语言设置,不存在标准的HTML属性或者JS方法可以覆盖这个默认逻辑。你当前使用的代码:
<input type="date" id="selectedDate" name="selectedDate">
没有任何可添加的属性可以实现周起始修改,不用在原生控件上白费功夫找不存在的配置项。
针对你面向德国用户的业务场景:
- 德国地区的系统区域默认规则本身就是以周一为每周起始,只要用户的系统/浏览器语言区域设置为德语(de-DE),打开原生日期选择器时默认就是周一起始,不需要你额外做代码调整。你可以把自己电脑的区域格式切换为德语测试,就能看到对应的显示效果。
- 如果你要求所有用户无论自身系统设置是什么,打开选择器都必须固定显示周一起始,原生控件无法满足这个需求,只能替换为支持自定义配置的日期选择器组件。这类自研/第三方组件基本都开放周起始日的配置项,直接指定周一为起始即可实现需求。
注意:原生日期控件的设计逻辑就是自动适配用户本地使用习惯,非必要不建议强行覆盖这个默认适配规则,否则可能让习惯本地设置的用户产生操作困惑。
内容的提问来源于stack exchange,提问作者user17142477
相关产品推荐
相关产品推荐

