【问题标题】:Issues with refreshing view for angular-bootstrap-datetimepicker Angular 6angular-bootstrap-datetimepicker Angular 6 刷新视图的问题
【发布时间】:2018-11-01 11:48:42
【问题描述】:

我一直在使用这个日期时间选择器https://dalelotts.github.io/angular-bootstrap-datetimepicker/index.html,我正在根据用户所做的其他选择更改配置,但在第一次更改后,视图保持不变(日期时间选择器在最后一个视图上打开之前使用过)甚至认为配置已正确更改。这是我的代码示例:

<dl-date-time-picker minView="{{minView}}"
                     startView="{{startView}}"
                     maxView="year"
                     minuteStep="5"
                     #datepicker
                     [class.weekView-display]="isWeekView"
                     (change)="setDisplayDate($event)"
                     (click)="$event.stopPropagation();">
</dl-date-time-picker>

所以,基本上 minview 和 startView 更新了,但用户仍然看到以前的视图。

谢谢

【问题讨论】:

  • 尝试使用 ngDoCheck 进行一些调试..
  • 我做了:@ViewChild('datepicker') datePicker: any; ngOnInit() { } ngDoCheck() { this.datePicker.startView = this.startView;它似乎有我的新价值,但 UI 并没有改变它的起始视图
  • setDisplayDate($event) 是应该更新数据的函数?
  • 当你选择一个日期时触发我需要选择的日期来计算ts中的一些东西

标签: angular datetimepicker angular-bootstrap


【解决方案1】:

我想你想设置startView

startView 是用户第一次与日期/时间选择器交互时的视图。

minView 是选择发生时的视图。想想它是否是最后一个视图。

根据您的描述,我怀疑您想将startViewstartViewminView 设置为相同的值。

您可以通过运行演示应用程序https://github.com/dalelotts/angular-bootstrap-datetimepicker-demo查看组件确实属性响应配置更改

演示也在 StackBlitz 上,但 StackBlitz 目前有一个错误 - https://stackblitz.com/github/dalelotts/angular-bootstrap-datetimepicker-demo

【讨论】:

    猜你喜欢
    • 2015-04-04
    • 2019-02-28
    • 2018-12-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多