#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