Angular 10中time.split不是函数报错解决及NgxMaterialTimepicker关联疑问

算力阿峰

2026-5-8

问题分析与解决方案

首先明确：这个错误确实和NgxMaterialTimepickerModule直接相关，根源是时间选择器组件接收的timePart变量类型不符合预期，导致内部解析逻辑报错。

错误原因拆解

从错误栈能清晰看到，time-adapter.ts的parseTime方法里尝试调用time.split()，但time不是字符串类型（大概率是Date对象或者undefined/null），而split()是字符串专属方法，因此抛出TypeError: time.split is not a function。

具体修复步骤

修正timePart的初始化类型
在你的组件类里，确保timePart被初始化为字符串类型，而非Date对象或其他类型：
```
// 正确初始化示例
timePart: string = '';
// 或者按你的timeFormat预设初始值
timePart: string = '00:00';
```

处理timePartChange的返回值类型
时间选择器的返回值可能是Date对象（取决于组件版本），你需要把它转换成符合格式的字符串再赋值给timePart：

timePartChange(event: Date | string) {
  if (event instanceof Date) {
    // 根据你的timeFormat调整转换逻辑，比如HH:mm格式
    const hours = event.getHours().toString().padStart(2, '0');
    const minutes = event.getMinutes().toString().padStart(2, '0');
    this.timePart = `${hours}:${minutes}`;
  } else {
    // 如果已经是字符串，直接赋值
    this.timePart = event;
  }
}

验证timeFormat的有效性
确保你绑定的[format]="timeFormat"是组件支持的格式（比如'HH:mm'、'hh:mm a'），格式不匹配也可能触发解析异常。
检查版本兼容性
你使用的Angular 10和Node.js 12需要匹配对应的ngx-material-timepicker版本，推荐使用适配Angular 10的5.x系列版本（比如ngx-material-timepicker@5.5.1），版本不兼容也可能导致类型处理异常。