React MUI DateTimePicker小时样式定制与单小时前导0去除方案咨询

嘿，我来帮你搞定这个问题！你现在遇到的是MUI DateTimePicker里单小时显示前导0的问题，想要把03:00 PM改成3:00 PM对吧？其实问题就出在你用的格式化字符串上，咱们直接调整一下格式就能解决。

你当前配置的格式化规则是MMM DD, YYYY h:mm A，这里要注意：在Dayjs适配器的格式规则里，**双写的hh会生成带前导0的12小时制小时（比如03），而单写的h**对应的是无前导0的12小时制小时（比如3）。如果你的代码里实际是用了hh:mm A，那这就是显示前导0的原因。

调整后的正确代码应该是这样的：

<LocalizationProvider dateAdapter={AdapterDayjs}>
  <DateTimePickerStyled format="MMM DD, YYYY h:mm A" />
</LocalizationProvider>

替换格式之后，DateTimePicker就会把03:00 PM显示成你想要的3:00 PM啦，赶紧试试吧！

内容来源于stack exchange