如何使用Moment.js处理仅含时间值的场景？

嘿，这个坑我之前踩过！问题出在moment.ISO_8601这个格式的局限性上——ISO 8601规范里的时间格式要求要么带秒数（比如14:45:00），要么附带时区信息（比如14:45+08:00），纯HH:mm这种短时间格式并不符合它的标准，所以直接用它解析会失败。

给你两个优化方案，都能完美解决这个问题：

方案一：多格式候选解析 + 匹配格式判断 #

这种方式更精准，能明确区分输入是纯日期、纯时间还是完整日期时间：

const input = component.props.data.value;
// 定义所有可能的输入格式，覆盖你的三种场景
const allowedFormats = [moment.ISO_8601, 'YYYY-MM-DD', 'HH:mm'];
// 开启严格模式解析，避免隐式转换导致的错误
let dateAndTime = moment(input, allowedFormats, true);

let date = '', time = '';
if (dateAndTime.isValid()) {
  // 获取实际匹配到的格式，用来判断输入类型
  const matchedFormat = dateAndTime.parsingFlags().format;
  
  // 如果匹配的格式包含日期相关标识，提取日期
  if (['YYYY-MM-DD', moment.ISO_8601].includes(matchedFormat)) {
    date = dateAndTime.format('YYYY-MM-DD');
  }
  // 如果匹配的格式包含时间相关标识，提取时间
  if (['HH:mm', moment.ISO_8601].includes(matchedFormat)) {
    time = dateAndTime.format('HH:mm');
  }
}

为什么这么改？ #

• 给moment传入格式数组后，它会依次尝试用每个格式解析输入，纯时间字符串会匹配到HH:mm格式，成功创建Moment对象
• 严格模式（第三个参数true）能防止moment把不规范的字符串强制转换成错误的日期（比如把纯时间自动填充当前日期后返回“有效”结果）
• 通过parsingFlags().format拿到实际匹配的格式，能精准判断输入类型，避免误提取不需要的日期/时间

方案二：简化验证逻辑（适合场景简单的情况） #

如果你的输入格式只有那三种，也可以简化验证逻辑，直接判断解析后的对象是否包含有效时间/日期（注意要排除moment自动填充的当前日期）：

const input = component.props.data.value;
let dateAndTime = moment(input, [moment.ISO_8601, 'YYYY-MM-DD', 'HH:mm'], true);
let date = '', time = '';

if (dateAndTime.isValid()) {
  // 只有当输入本身包含日期时，才提取日期（避免纯时间被填充当前日期）
  if (input.includes('-')) {
    date = dateAndTime.format('YYYY-MM-DD');
  }
  // 只有当输入本身包含时间分隔符时，才提取时间
  if (input.includes(':')) {
    time = dateAndTime.format('HH:mm');
  }
}

这个方案更简洁，通过检查输入字符串本身的特征来判断类型，适合输入格式非常固定的场景。

额外提示 #

如果你的场景还需要支持HH:mm:ss这种带秒的时间格式，只要把它加到allowedFormats数组里就行，moment会自动匹配。

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