angularx - flatpickr 中禁用弹出月历的所有日期

Question

我使用 'angularx-flatpickr' 到 select 日期 angular 形式。当我点击输入区域然后弹出月份视图出现但所有日期都被禁用。

在我的 html 文件中，

    <input 
          type="text"
          mwlFlatpickr
          [(ngModel)]="enddate"
          [altInput]="true"
          [convertModelValue]="true"
          altFormat = "F j,Y"
          dateFormat= "Y-m-d"
          class="form-control"
          [ngModelOptions]="{standalone: true}"
          (ngModelChange)="changeDate($event)">

我将此 import { FlatpickrModule } from 'angularx-flatpickr'; 导入到我的 app.module.ts 和我的导入数组 FlatpickrModule.forRoot() 中。我的 angular cli 版本是 7.2.1.

这是输出， `

我该如何解决这个问题？

Answer 1

尝试降级 flatpickr 版本。这对我有用。我目前使用的是flatpickr

的v4.6.6

Answer 2

我遇到了同样的问题。一种解决方法是明确启用日期范围：

public datePickerOptions : FlatpickrDefaultsInterface = {
    allowInput : true,
    enableTime : true,
    mode : 'single',
    dateFormat : "Y-m-d H:i",
    // this:
    enable : [{from : new Date(0, 1), to : new Date(new Date().getFullYear() + 200, 12)}]
  }

<input class="form-control"
             name="start" formControlName="start" mwlFlatpickr
             [options]="datePickerOptions">

angularx - flatpickr 中禁用弹出月历的所有日期

Pop up month calendar's all days are disabled in angularx - flatpickr

date

flatpickr

angular