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

Question

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

这是堆栈闪电战： 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);
}