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

Question

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

这是堆栈闪电战：https ://stackblitz.com/edit/angular-sb3ekr

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

Answer 1

您可以在组件中使用 DatePipe。

var tmp = new DatePipe('en-Us').transform(this.today, 'dd:MM:yyyy hh-mm-ss');

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);
  }