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

【问题标题】：Pop up month calendar's all days are disabled in angularx - flatpickr在 angularx - flatpickr 中禁用弹出月历的所有日期
【发布时间】：2021-04-11 06:35:59
【问题描述】：

我正在使用“angularx-flatpickr”以角度形式选择日期。当我点击输入区域然后弹出月份视图时出现但所有日期都被禁用。

在我的 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。

这是输出， `

我该如何解决这个问题？

【问题讨论】：

标签： angular date flatpickr

【解决方案1】：

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

【讨论】：

感谢您在更改 flatpicker 版本以降级其工作正常后。

【解决方案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">

【讨论】：