Могу ли я изменить текущий год bsDatepicker?

Question

В моем машинописном коде я просто импортирую => {BsDatepickerModule} из 'ngx-bootstrap / datepicker';

У меня есть этот html codel:

 <div class="col-xs-12 col-12 col-md-4 form-group">
  <input type="text"
        placeholder="Datepicker"
        class="form-control"
        bsDatepicker>
 </div>

результат: what I have.png

Я хочу, чтобы календарь basi c напрашивался на 2004 год. Что-то вроде: what I want.png

Как я могу изменить первый год, который появится на 2004, а не 2020?

Answer 1

Если для datepicker не задано значение, по умолчанию будет использоваться текущая дата. Это то, что вы видите в своем примере.

Что вы можете сделать, так это внутри шаблона html добавить атрибут [bsValue]="dateForDatepicker" к вашему элементу ввода bsDatepicker.

  <input type="text"
        placeholder="Datepicker"
        class="form-control"
        bsDatepicker
        [bsValue]="dateForDatepicker"
  >

Затем в компоненте вы можете добавить dateForDatepicker = new Date("01-01-2014"), что должно заставить datepicker изначально отображать это значение.

Для получения дополнительной информации вы можете проверить документацию: https://valor-software.com/ngx-bootstrap/# / datepicker # date-initial-state