Javascript 用Typescript设置时间格式

我想在我的

FormArray

中迭代

time

，我正在从API接收以下格式的时间：

14.21.00

我希望这次的格式如下：

2:21 PM

{{summon.value.summonTime | date :'shortTime' }}

我尝试使用Angular

DatePipe

格式化如下：

2:21 PM

{{summon.value.summonTime | date :'shortTime' }}

但有一个错误：

错误：InvalidPipeArgument:'无法将管道'DatePipe'的“14.21.00”转换为日期'

我在这里转载

---

根据我的研究，

14.21.00

在javascript/typescript中不支持时间格式，如果有任何指导和建议来解决这个问题的话。

希望你做得很好

在所需文件夹中创建新管道。完成后，请在模块（导入和声明）中提供详细信息：-

完成后，在代码段中更新以下内容：-

<ng-container [formGroupName]="i">
  <input type="checkbox" formControlName="isChecked" />
  {{ summon.value.summonTime | dateTransformer }}
  item: {{ summon.value.itemNo }}
  <br />
  time:{{ summon.value.summonTime | dateTransformer }}
  <br />
</ng-container>

{{召唤.value.召唤时间|日期转换器}
项目：{{callout.value.itemNo}


时间：{{callout.value.callouttime}日期转换器}

---

希望我能解决你的问题！快乐编码！！干杯

您可以使用

ngx力矩

如下

{{summon.value.summonTime | amParse:'HH.mm.ss' | amDateFormat:'hh:mm a'}}

查看修改后的stackblitz

尝试以下方法（在stackblitz代码上测试）：

要使用“日期”管道，时间也必须跟在日期之后，因此我们可以传递任何日期来验证日期管道。例如，这是有效的：{{'1990-10-10 01:02:03'|日期：'shortTime'}，而这是无效的：{{'01:02:03'|日期：'shortTime'}

---

此外，我已将“.”（点）及时替换为“：”，并根据需要使用拆分和联接进行格式化。

如果只是显示格式化，您可以这样做：

{{courge.value.courgeTime.split（'..）.join（':'.'）}

但在使用

日期管道时仍然出错

删除日期管道我的错误，更新我的问题谢谢，但是，如果没有角度库，有什么办法吗？你可以开发你自己的管道，读取

分开的值，并将24小时转换为12小时，然后添加am/pmhi mate，这似乎有效，对你的答案有什么解释吗？是的，我已经编辑了答案并解释了。良好的氛围。