angular - material-component-datetime-picker-您提供了 'undefined' 预期的流。你可以提供一个 Observable、Promise、Array 或 Iterable

标签 angular angular-material datetimepicker

我尝试根据文档和以下包含有关环境的信息使用 Material 组件日期时间选择器。
Angular
Angular 版本:10.1.0
Material 版本:10.1.0
Angular Material 组件/力矩适配器 - 4.0.1
Angular Material 组件/日期时间选择器 - 4.0.2
以下是查看日期时间选择器的代码块。

<mat-form-field> <input matInput [ngxMatDatetimePicker]="picker" placeholder="Choose a date" [formControl]="tab._from" [min]="minDate" [max]="maxDate" [disabled]="disabled"> <mat-datepicker-toggle matSuffix [for]="picker"> </mat-datepicker-toggle> <ngx-mat-datetime-picker #picker [showSpinners]="showSpinners" [showSeconds]="showSeconds" [stepHour]="stepHour" [stepMinute]="stepMinute" [stepSecond]="stepSecond" [touchUi]="touchUi" [color]="color"> </ngx-mat-datetime-picker> </mat-form-field>
当我尝试加载页面时,出现 datetime-picker 但控制台上出现以下错误。
ERROR TypeError: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. at subscribeTo (subscribeTo.js:27) at subscribeToResult (subscribeToResult.js:11) at MergeMapSubscriber._innerSub (mergeMap.js:59) at MergeMapSubscriber._tryNext (mergeMap.js:53) at MergeMapSubscriber._next (mergeMap.js:36) at MergeMapSubscriber.next (Subscriber.js:49) at Observable._subscribe (subscribeToArray.js:3) at Observable._trySubscribe (Observable.js:42) at Observable.subscribe (Observable.js:28) at MergeMapOperator.call (mergeMap.js:21)
enter image description here
TS文件
export class Picker {
   @ViewChild('fromPicker') fromPicker: any;
  @ViewChild('toPicker') toPicker: any;

  public date: moment.Moment;
  public disabled = false;
  public showSpinners = true;
  public showSeconds = false;
  public touchUi = false;
  public enableMeridian = false;
  public minDate: moment.Moment;
  public maxDate: moment.Moment;
  public stepHour = 1;
  public stepMinute = 1;
  public stepSecond = 1;
  public color: ThemePalette = 'primary';

  public stepHours = [1, 2, 3, 4, 5];
  public stepMinutes = [1, 5, 10, 15, 20, 25];
  public stepSeconds = [1, 5, 10, 15, 20, 25];
}
似乎错误与我们使用的选择器有关。
任何原因或任何缺少的依赖项?

最佳答案

将@angular-material-components/datetime-picker 更新到版本 4.0.3 为我工作。
更新是在几个小时前发布的
https://www.npmjs.com/package/@angular-material-components/datetime-picker

关于angular - material-component-datetime-picker-您提供了 'undefined' 预期的流。你可以提供一个 Observable、Promise、Array 或 Iterable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63805438/

相关文章:

html - 如何无延迟地改变大量元素的位置

angular - 如何在没有 <mat-datepicker-toggle> 的情况下使用 Angular Material 日期选择器

javascript - Bootstrap datetimepicker 不适用于只读或禁用

c# - 将c#的datetimepicker值存储到mysql数据库中

php - 如何在MySql DATETIME查询中添加#from和#to?

angular - 在新的angular2路由器中访问canDeactivate guard中的下一条路由信息

javascript - RxJS 主题从未推送过第一个下一个

javascript - 单元测试 queryParams 订阅 (Angular5)

angular - 如何有条件地阻止用户导航到 mat-tab-group 中的其他选项卡

Angular 4.3 [style.box-shadow] 或 [style.boxShadow] 不起作用