Hello everyone, hope you're having a good afternoon.
I'm running into an issue while trying to set up a filter on the date table. Every time I attempt to do so, an error pops up.
Here's a glimpse of the error:
https://i.sstatic.net/PuYMr.png
Take a look at my HTML snippet:
<th style="min-width: 10rem">
<div class="flex justify-content-between align-items-center">
Data vencimento
<p-columnFilter type="date" field="datavencimento" display="menu"></p-columnFilter>
</div>
</th>
Additionally, here is a portion of my component code:
loadData() {
this.CartaoParcelaService.listaCartaoParcela().subscribe((response) => {
this.CartaoParcelas = response
this.loading = false
});
}
configurarFormulario(CartaoParcela: CartaoParcela = { ativo: true }) {
this.form = this.formBuilder.group({
id: [CartaoParcela.id, []],
numeroonder: [{ value: CartaoParcela.numeroonder, disabled: true }],
cartao: [{ value: CartaoParcela.cartao, disabled: true }],
parcela: [{ value: CartaoParcela.parcela, disabled: true }],
datacompra: [{ value: CartaoParcela.datacompra, disabled: true }],
datapagamento: [CartaoParcela.datapagamento, []],
datavencimento: [CartaoParcela.datavencimento],
valorpagamento: [CartaoParcela.valorpagamento, []],
ativo: [{ value: CartaoParcela.ativo, disabled: true }],
});
}
If anyone can offer assistance, it would be greatly appreciated. Thank you in advance.