如何在角度2中禁用剑道日期选择器的过去日期

时间:2017-07-07 11:52:24

标签: angular kendo-ui datepicker

我在angular 2应用程序中使用了kendo datepicker。我想禁用小于当前日期的日期。

AvailableFilters = new FullyObservableCollection<FilterValue>();
AvailableFilters.ItemPropertyChanged += AvailableFilters_ItemPropertyChanged;

如何实现这一目标。

1 个答案:

答案 0 :(得分:0)

通常我们使用disableDates属性,如:

  1. angular 1
  2. 在角度2中,我试图尝试查找disableDates属性(我无法在API ref中找到,可能尚未提供
  3. 或者使用最小值(缺点是过去的日期将被隐藏,而不是像我们使用disableDates时那样禁用
  4. 使用它像:

    @Component({
    selector: 'my-app',
    template: `
        <div class="example-wrapper">
            <p>Select a date:</p>
            <kendo-datepicker
                [min]="min"
                [(ngModel)]="value"
                #dateModel="ngModel"
            ></kendo-datepicker>
        </div>`
    })
    
    class AppComponent {
        public min: Date = new Date();
        public value: Date = new Date();
    }