You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native中DatePickerIOS选择分钟异常问题求助

解决React Native DatePickerIOS分钟显示异常的问题

嘿,我一眼就揪出问题所在啦——是你用moment格式化时间的字符串写错了!

你当前的代码里是这么写的:

let getFromTime = moment(fromTime).format('HH:MM');

这里的MM在moment的规则里代表的是月份(01-12),可不是分钟哦!要表示分钟得用小写的mm(00-59)。这就是为啥选小时正常,选分钟时显示异常的根源——你把月份数值当成分钟展示出来了。

修正后的代码

把格式化字符串改成HH:mm就能解决问题,顺便帮你优化下状态更新(合并成一次setState可以减少不必要的组件渲染):

_onFromTimeChange(fromTime) {
  const getFromTime = moment(fromTime).format('HH:mm');
  this.setState({
    from_time: fromTime,
    from_t: getFromTime
  });
}

额外小提示

  • 如果需要12小时制带上午/下午标识的格式,可以用hh:mm A
  • 记得确认moment依赖已经正确安装并导入,避免因依赖缺失引发其他小问题

内容的提问来源于stack exchange,提问作者Riddhi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 03:40:03