如何在JavaScript/Moment.js中将hh:mm格式转为带当前日期的ISO 8601格式

你遇到的问题核心是：Moment.js没法直接正确解析纯hh:mm格式的字符串——它默认需要完整的日期时间上下文，直接传"14:32"这种时间串时，Moment不知道该关联哪一天，自然会返回Invalid date或者null。

下面给你两种可靠的解决思路，都是先把用户输入的时间和当前日期绑定，再转成目标ISO格式：

方法1：拆分时间字符串手动设置 #

先把用户输入的hh:mm拆成小时和分钟，然后覆盖当前日期的时分秒信息：

// 假设this.state.filterStartHour是用户输入的"14:32"
const [hours, minutes] = this.state.filterStartHour.split(':').map(Number);

// 基于当前日期创建Moment对象，精准设置时分秒毫秒
const isoDateTime = moment()
  .hours(hours)
  .minutes(minutes)
  .seconds(0)
  .milliseconds(0)
  .toISOString();

this.setState({ filterStartHour: isoDateTime });

方法2：指定格式解析时间字符串 #

用Moment的格式参数先解析纯时间，再把它的时分值合并到当前日期上：

const timeInput = this.state.filterStartHour;
// 指定"HH:mm"格式解析时间，得到仅包含时分信息的Moment对象
const parsedTime = moment(timeInput, 'HH:mm');

// 基于当前日期，替换时分秒为解析出的值
const isoDateTime = moment()
  .hours(parsedTime.hours())
  .minutes(parsedTime.minutes())
  .seconds(0)
  .milliseconds(0)
  .toISOString();

this.setState({ filterStartHour: isoDateTime });

额外建议：加个输入验证 #

为了避免用户输入无效的时间格式（比如25:61），建议在转换前加个简单的正则校验：

const isValidTime = /^([01]\d|2[0-3]):([0-5]\d)$/.test(this.state.filterStartHour);
if (!isValidTime) {
  // 这里可以提示用户输入正确的hh:mm格式
  return;
}

这样处理后，就能得到你想要的类似2020-06-29T14:32:00.000Z的ISO 8601格式字符串啦。

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