Angular14升级后mat-datepicker非BST时区输入日期倒退1天咨询

输入框与日历面板的核心处理逻辑差异 #

Angular Material的mat-datepicker组件中，输入框和日历面板的日期处理机制完全独立：

• 日历面板：仅关注日期的年/月/日数值，基于底层时间戳直接渲染——只要传入的Unix时间戳对应正确的英国日期，面板就会精准展示该日期，不受浏览器本地时区的解析影响。
• 输入框：依赖DateAdapter和MAT_DATE_LOCALE配置完成格式化展示。当你给FormControl设置的是字符串格式的日期（比如"08 Dec 2022"），Angular 14升级后的Material组件会强制触发DateAdapter的parse方法：它会将这个英国格式的字符串按浏览器本地时区解析为Date对象，再重新格式化输出。如果当前浏览器处于非BST（英国夏令时）时区，这个解析过程会产生日期偏移：比如UTC+8时区解析"08 Dec 2022"时，会被转换为UTC时间的07 Dec 2022 16:00:00，最终输入框就会显示07 Dec 2022，也就是倒退1天。

Angular 14的类型检查升级导致问题暴露 #

升级到Angular 14后，Material日期组件对FormControl的取值类型要求更严格：官方明确推荐绑定Date类型而非字符串。旧版本中直接设置字符串可能会被直接渲染，跳过解析重格式化流程；但Angular 14会强制触发DateAdapter的完整解析-格式化流程，这就把非BST时区下的字符串解析偏移问题暴露了出来。

另一模块正常的可能原因 #

另一模块能继续使用原DateTime.fromMillis逻辑，大概率是因为该模块的FormControl被显式声明为string类型，或者配置了自定义的DateAdapter，绕过了自动解析重格式化的流程，直接渲染传入的字符串日期。

注：两个页面配置的MAT_DATE_LOCALE: 'en-GB'仅影响日期的显示格式（比如日/月/年的顺序），无法改变DateAdapter按浏览器本地时区解析字符串的行为。

内容的提问来源于stack exchange，提问作者adarsh