日期选择器未正确更新日期对象

我正在利用在https://github.com/DanielYKPan/date-time-picker中找到的日期-时间选择器来获取/更新日期选择器的“开始”和“结束”日期对象(参见TypeScript代码中的selectedMoments )。然而，每当我选择一个新的日期并触发函数dateTimePickerActivate() (参见HTML代码中的(dateTimeChange)= )时，我就会得到一个TypeError (参见下面的错误1)，并且新的日期只能在隐藏对象属性_pendingValue (参见下面的错误2)中找到，它不会更新date对象的实际值。

如何修复这些问题以正确更新selectedMoments对象数组？

HTML：

<mat-form-field class="full-width">
  <input matInput placehold="Time Range (Optional):" [selectMode]="'range'" [owlDateTimeTrigger]="dateTimePicker" [owlDateTime]="dateTimePicker" [formControl]="selectedMoments" (dateTimeChange)="dateTimePickerActivate()">
  <owl-date-time showSecondsTimer="'true'" hour12Timer="'true'" #dateTimePicker></owl-date-time>
</mat-form-field>

TypeScript：

// Date & Time Stored Value
// Note: Month starts at 0, so ex: February would == 1
public selectedMoments = [new Date(2018, 1, 12, 10, 30), new Date(2018, 3, 21, 20, 30)];

dateTimePickerActivate() {
  console.log(Object.getOwnPropertyNames(this.selectedMoments));
  console.log(this.selectedMoments);
}

错误：

1)与(dateTimeChange)="dateTimePickerActivate()"相关的html ERROR TypeError: control.registerOnChange is not a function

转载请注明出处:http://www.0730huitian.com/article/20230526/1336294.html

相关阅读