angular - 防止 DateTimePicker 自动关闭

Question

我有一个剑道组件 kendo-datetimepicker（角度项目，剑道角度）

当我打开日历时，开始在输入中输入日期（日、月、年）和时间（小时、分钟），就在我选择分钟的最后 - 日历会自动关闭。

这个问题可以在这里检查：https ://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits/

有什么方法可以防止日历关闭？

并关闭，仅当我单击取消或设置按钮时？

Answer 1

我认为您可以在模糊事件上调用切换方法以使其保持打开状态。Stackblitz 示例在这里。需要 setTimeout 以便将调用的方法放在堆栈上并且不会立即运行。

import { Component, ViewChild } from '@angular/core';

import { DateTimePickerComponent } from '@progress/kendo-angular-dateinputs';

@Component({
    selector: 'my-app',
    template: `
        <div class="container-fluid">
            <div class="row">
                <p class="col-md-6">
                    <kendo-datetimepicker #datePickerChild
                        (blur)="onBlur()"
                    >
                    </kendo-datetimepicker>
                </p>
            </div>
        </div>
    `,
})

export class AppComponent {
    @ViewChild('datePickerChild', { static: false })
    public datePickerChild!: DateTimePickerComponent;
    constructor() {
        setTimeout(() => {
            this.datePickerChild.toggle();
        });
    }

    public onBlur(): void {
        setTimeout(() => {
            this.datePickerChild.toggle();
        });
    }
}