【问题标题】:How to disable past dates of Kendo datepicker in angular 2 [duplicate]如何在角度2中禁用Kendo datepicker的过去日期[重复]
【发布时间】:2017-07-07 11:52:23
【问题描述】:

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

  <kendo-datepicker  formControlName="departureValue"  [format]="'MMM-dd-yyyy'" (click)="ChangeReturnDate()"></kendo-datepicker>

如何实现这一点。

【问题讨论】:

    标签: angular kendo-ui datepicker


    【解决方案1】:

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

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

    像这样使用它:

    @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();
    }
    

    【讨论】:

    • 我尝试通过从 dojo 复制完全相同的代码来遵循您对 angularjs (1) 的方法,但它没有任何区别
    猜你喜欢
    • 1970-01-01
    • 2017-07-12
    • 2018-05-16
    • 2018-12-15
    • 2017-04-09
    • 2016-04-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多