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

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-disabled

Answer 2

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

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

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

Answer 3

我正在使用 angular 12，我在模块中使用此选项修复了它

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

Answer 4

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

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