Angular6 如何允许在ngbdatepicker中进行月份导航,同时禁用日期选择?

Angular6 如何允许在ngbdatepicker中进行月份导航,同时禁用日期选择?,angular6,ng-bootstrap,ngb-datepicker,Angular6,Ng Bootstrap,Ngb Datepicker,角度版本:6 库:ngbbootstrap 图书馆参考链接: 使用上面的库来显示特定的日期,我需要启用datepicker的月份导航,但禁用日期选择(单击) 以下是渲染datepicker的代码,其中,用于自定义日视图: {{date.day} {{date.day} 您可以使用markDisabled功能将特定日期标记为禁用。在您的ngb日期选择器上设置此项,如下所示: <ngb-datepicker #datepicker [(ngModel)]="model"

角度版本:6
库:ngbbootstrap
图书馆参考链接:

使用上面的库来显示特定的日期,我需要启用datepicker的月份导航,但禁用日期选择(单击)

以下是渲染datepicker的代码,其中,
用于自定义日视图:


{{date.day}
{{date.day}

您可以使用
markDisabled
功能将特定日期标记为禁用。在您的
ngb日期选择器上设置此项,如下所示:

<ngb-datepicker #datepicker 
    [(ngModel)]="model" 
    [markDisabled]="isDisabled"
    ...
>
</ngb-datepicker>
月份导航控件仍将处于活动状态,但无法选择日期。请看演示

 isDisabled = (date: NgbDate, current: {month: number}) => true;