无法在角度日期选择器中选择日期

Question

我使用 angularx-flatpickr 作为日期选择器

我无法在日期选择器中选择日期， 当我将鼠标悬停在日期上时，它向我显示禁止图标

html：

<label class="col-md-12">From Date</label>
                  <input class="form-control" type="text" mwlFlatpickr [convertModelValue]="true" [enableTime]="false"
                    dateFormat="F j, Y" altFormat="F j, Y" formControlName="fromdate" placeholder="Not set" />

编辑： 当我检查元素时，它显示“flatpickr-disabled”

<span class="flatpickr-day flatpickr-disabled" aria-label="January 2, 2021">2</span>

但无法从它来自的地方获得。

Answer 1

完成，我得到了答案。

它禁止我选择日期，因为

dayElement.classList.add("flatpickr-disabled"); 在 flatpickr /dist/esm/index.js 的 index.js 文件中

所以我只是删除了禁用 flatpickr 的

Answer 2

你是对的，这将启用控制，但是由于你的伟大提示，我遵循了逻辑，结果是

        const dateIsEnabled = isEnabled(date, true), dayElement = createElement("span", "flatpickr-day " + className, date.getDate().toString());

是导致控件被禁用的原因，它解析日期的方式不正确， 基本上这将有助于启用控件，但不会帮助设置值的问题（从代码中）

Answer 3

我也禁用了所有日期。尝试指定“启用”范围。那帮助了我。 (NG11)

flatpickerOptions: FlatpickrDefaultsInterface = {
 enable: [
      {
        from: '2019-04-01',
        to: '2025-05-01'
      }
    ]
}```

Answer 4

我使用的是 angular 12，我在模块中使用这个选项修复了它

FlatpickrModule.forRoot({
    enable: [
      { from: '1900-01-01', to: '2500-12-31'}
    ]
})