Как установить minDate / maxDate для NgbDatePicker в основном компоненте для использования настроек на всех страницах?

Question

В моем угловом 4 я использую Ng-bootstrap (v1.1.0), у меня есть несколько сборщиков даты под несколькими модулями. Я хочу настроить maxDate во всех местах. Моя структура папок выглядит следующим образом.

public.module.ts
public.component.ts

---- first.module.ts
---- first.component.ts
-------------- first-sub.component.ts
..............................
..............................

---- second.module.ts
----second.component.ts
-------second-sub.component.ts
..............................
..............................

Я попытался инициализировать NgbDatepickerConfig в public.component.ts, как показано ниже

    constructor(config: NgbDatepickerConfig) {
          config.maxDate = { "year": 2018, "month": 7, "day": 4} ;
    }

Я использую следующий код для отображения календаря

<input type="text" id="selectDate" class="form-control" placeholder="{{'DATE_OF_INCIDENT' | translate}}" formControlName="selectDate"
                                        ngbDatepicker #selectedDate="ngbDatepicker" readonly>

Можете ли вы предложить метод, чтобы мы могли настроить параметры даты в одном месте и могли использоваться во всех местах, где используется Ngb DatePicker

Answer 1

Для меня это работает как описано в документации:

            <input class="form-control" type="text" formControlName="birthDate" placeholder="Date of Birth"
                     id="inputDateOfBirth" name="dp" ngbDatepicker #d="ngbDatepicker"
                     [minDate]="{year: 1900, month: 1, day: 1}">

Документы: https://ng -bootstrap.github.io / # / components / datepicker / Overview # предельные даты