如何在角度2中将min-max值动态设置为datetimepicker?

时间:2018-03-20 12:06:55

标签: angular typescript datepicker timepicker ngx-bootstrap

我试图为角度2实现一个结合了datepicker和timepicker components provided in ngx-bootstrap的日期时间选择器。由于min-max属性只采用Date()类型的值,我每次更新它们选择了一个新日期。

但问题是,如果用户更改日期,则min-max不会限制时间值。它仅在保存新选定值或根本不更改初始值时有效。

datetimepicker.component.html:

Thirdly

enter image description here

注意:在上图中,我已将日期从 12 更改为 20 。对于 12 它正在工作但是在更改之后,它不限制值(小时设置为 18 ,这是不可能的,因为maxtime 17 小时)。

我做错了什么?任何可以指出我正确方向的帮助将不胜感激。谢谢。

更新 此代码根据所选日期更新minTime和maxTime的日期。

<datepicker
        [ngModel]="selectedDate"
        [showWeeks]="false"
        [startingDay]="1"
        [minDate]="minDate"
        [maxDate]="maxDate"
        (ngModelChange)="storeTempDate($event)">
</datepicker>

<timepicker
        [showMeridian]="false"
        [(ngModel)]="selectedTime"
        [min]="minTime"
        [max]="maxTime">
</timepicker>

我使用的版本:

  • Angular:2.4.10
  • ngx-bootstrap:1.9.1

0 个答案:

没有答案