如何从模板到组件获取日期时间

Question

我正在使用datetime管道格式化时间并在模板中显示。但我希望在我的组件中获得相同的时间。怎么做到这一点？

这是stackblitz：https://stackblitz.com/edit/angular-sb3ekr

我想使用一些变量在app.component.ts中显示显示的日期时间。请告诉我怎么做？

Answer 1

您可以在组件中使用DatePipe。

ReadableMap

Answer 2

我使用ViewChild和ElementRef解决了它，  这是我改变的，

HTML，

<span #dtime> {{ today | date :'dd-MM-yyyy hh:mm:ss'}}</span>

组件，

today: number = Date.now();
  dateT: string = undefined;

@ViewChild("dtime", {read: ElementRef}) dtime: ElementRef;

  ngAfterViewInit(): void {
    this.dateT = this.dtime.nativeElement.textContent;
 // console.log(this.dtime.nativeElement.textContent);
  console.log(this.dateT);
  }