ngx- bootstrap диапазон значений даты - PullRequest
Новая
       52

ngx- bootstrap диапазон значений даты

0 голосов
/ 18 апреля 2020

Я создаю таблицу данных, которую я хотел бы отфильтровать по датам начала и окончания. Я использую палитру дат ngx- bootstrap, но я хотел бы настроить поле ввода для указания c форматов даты.

Лог c выглядит следующим образом:

  1. Если я выберу в DatePicker дни, которые относятся к одному и тому же месяцу, я хотел бы показать во входных данных что-то вроде: 1 - 3 апреля 2020 года.

  2. В случае, если я выбрал дни в DatePicker, которые не относятся к тому же месяцу, я хотел бы изменить этот формат в своих входных данных на: 1 января - 3 апреля 2020 года, в противном случае: 1 - 3 апреля 2020 года.

  3. Последний случай Если обе даты относятся к одному и тому же году, я хотел бы указать год только во втором значении, например, 1 января - 3 апреля 2020 года, в противном случае: 1 января 1997 года - 3 апреля 2020 года.

I Я пытался установить его в bsConfig, но, похоже, это применимо к обеим датам одновременно, и мой вопрос: как я могу получить значения и применить даты в другом формате в соответствии с моей логикой c?

Возможно ли это просто показать эти отформатированные значения в div, а не во входных данных? * 101 9 *

Спасибо за любой ответ!

1 Ответ

0 голосов
/ 22 апреля 2020

Хорошо, я нашел решение. Вместо ввода я могу просто использовать div. Я должен добавить директиву ngDefaultControl к div, чтобы убедиться, что мой указатель даты работает с div вместо input. Это мой код из HTML: 

<div
        [bsConfig]="datePickerConfig"
        type="text"
        bsDaterangepicker
        placement="right bottom"
        #dpr="bsDaterangepicker"
        class="datepicker-input"
        readonly
        (bsValueChange)="onDateChange($event)"
        name="fieldName"
        ngDefaultControl
      >
        {{ chosenStartDate }} - {{ chosenEndDate }}
      </div>

В этом случае я могу условно изменить формат в моем файле ts.

...