各位下午好。
我想在日期表上创建一个过滤器，但是当我这样做时，我得到了一个错误。
下面是错误：

跟随我的HTML：

<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>

以下是我的组件：

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 }],
    });
}

如果有人能帮我的话，先谢谢了