как отфильтровать дату мм / дд / гггг от передачи любого числа из текстового ввода в angular 10 с помощью primeng

#angular #primeng #angular10 #primeng-turbotable

#angular #primeng #angular10 #primeng-turbotable

Вопрос:

Я использовал primeng filter в turbo table, но он не работает с датой, имеющей формат «мм / дд / гггг».

                    *ngIf="col.field === 'abc'"
                   pInputText
                   type="text"
                   (input)="
                     dt.filter(
                       $event.target.value,
                       'abc',
                       'contains'
                     )
                   "
                   class="p-column-filter"
                 />
  

но это работает только с числом, если я ввожу текстовое поле, если я ввожу «/», тогда это не работает.

Мне нужен фильтр, который может показывать результат в соответствии с соответствующими данными из ввода, а ввод — «02.07.2019 01:30:00»

его формат мм / дд / гггг

Может ли кто-нибудь помочь мне в этом?

Есть ли другой способ решить эту проблему?

Спасибо

Ответ №1:

Возможно, вы можете использовать элемент p-calendar вместо ввода: Calendar . Это было бы так:

 <p-calendar [ngModel]="value"  dateFormat="dd/mm/yy" showTime="true" hourFormat="12" (ngModelChange)="dateChange($event)">
</p-calendar>
  

И в вашем коде typescript вы добавляете:

 dateChange($event) {
    if ($event) {
      //You call method filter
      dt.filter($event.target.value,'abc','contains')
    }
  }
  

Надеюсь, это вам поможет. Приветствую!

Комментарии:

1. Спасибо… но требование предъявляется к вводимому тексту 🙂

2. О!. Я подумал, что вы могли бы использовать это, потому что компонент календаря является компонентом ввода для выбора дат. Прошу прощения. Надеюсь, вы найдете решение!! Возможно, эта ссылка может вам помочь: primefaces.org/primeng/v8.2.8-lts/#/table/filter

3. на самом деле из ответа сервера формат даты был другим, и я менял формат даты, чтобы показать в пользовательском интерфейсе, чтобы он работал.

4. Фантастика! Поздравляем! Приветствую и желаю хорошего дня! И я прошу прощения за то, что не был полезным @Sum