Объект Emit Date в Event Emitter для выбора даты

Question

У меня есть пользовательский дочерний компонент Date Picker, где событие onDateChange, я хочу отправить событие родительскому компоненту.

@Output() selectedDateChange = new EventEmitter<Date>();
onDateChange($event) {
    this.selectedDateChange.emit($event); //$event has proper Date Value
}

В родительском компоненте, в моем html, у меня есть

<app-custom-date (selectedDateChange) = "onSomeTestMethod($event")> </app-custom-date>

и в TS

someAttrib: Date;
onSomeTestMethod($event) {
   this.someAttrib = $event; //type of $event is Object but has proper data
}

У меня возникли проблемы при приведении $ event объекта типа к Date в Angular

Answer 1

Когда я использую ввод типа date, я получаю его значение, и это была строка, тогда я анализирую строковое значение до даты, проверяю этот пример

обычная дата

<input  type="date" #v (change)="onDateChange(v.value)" />

компонент

  @Output() selectedDateChange = new EventEmitter<Date>();

  onDateChange(value) {        
    this.selectedDateChange.emit( new Date(value));
  }

app.component

шаблон

<app-custom-data (selectedDateChange)="log($event)"></app-custom-data>

компонент

  log(value){
    console.log(typeof value); // object
    console.log( value instanceof Date); // true value is a date object
    console.log(value)
  }

демо ??