Как получить дату и время из шаблона в компонент

Question

Я использую канал datetime для форматирования времени и отображения в шаблоне.Но я хочу получить то же время в моем компоненте.Как этого добиться?

Вот стекаблиц: https://stackblitz.com/edit/angular-sb3ekr

Я хочу получить отображаемое время в app.component.ts с использованием некоторой переменной.Подскажите пожалуйста как это сделать?

Answer 1

Я решил это с помощью 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);
  }

Answer 2

Вы можете использовать DatePipe в вашем компоненте.

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