首页 > 解决方案 > 使用 DatePipe 解析日期

问题描述

我正在使用日期管道将日期转换为字符串。

var mydate : Date = new Date ();

在模板中有效

{{ mydate | date: "dd.MM.yyyy" }}

以及在课堂上

 let str : string = this.dp.transform (dtm, "dd.MM.yyyy");

有没有办法做相反的事情?所以管道应该解析一个字符串并给我一个日期。

标签: angulartypescript

解决方案


是的!您可以创建自己的 Pipe 来实现PipeTransform.

请看这个:https ://ultimatecourses.com/blog/angular-pipes-custom-pipes

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'stringToDate' })
export class StringToDate implements PipeTransform {
  transform(stringDate: string) {
    // Do the conversion, Formating, substring ... here
    let newDate = new Date(stringDate);
    return newDate ;
  }
}

将其导入Pipe您的ngModule,并在模板中使用它


推荐阅读