Controlador p-calendar presente en DOM pero no se muestra en la interfaz de usuario cuando se utiliza en turbo table.
Estoy utilizando la versión “11.4.5” de primeNg y la tabla turbo para mostrar/editar registros. Necesito usar el calendario cuando el usuario edita la fila. Por lo tanto, estoy utilizando <p-calendar>. El problema es que el control se crea en el DOM pero no se ve en la interfaz de usuario.
Mi código:
<td>
<p-cellEditor>
<ng-template pTemplate="input">
<div fxLayout="row">
<div fxFlex="85">
<div class="inline-block">
<p-calendar selectionMode="range"
dataType="string" dateFormat="mm/dd/yy"
formControlName="DateRangeCtrl">
</p-calendar>
</div>
</div>
</div>
</ng-template>
<ng-template pTemplate="output">
//some values to show
</ng-template>
</p-cellEditor>
Ya he importado el módulo CalendarModule en app.module.ts.
Adicionalmente:
En la consola, estaba obteniendo el error: core.js:6210 ERROR Error: No hay un accesor de valor para el control de formulario con el nombre: ‘DateRangeCtrl’. Luego agregué los atributos ngDefaultControl dentro de
davy.ai
Basándonos en la información proporcionada, parece ser un problema de control de formulario. El mensaje de error “No se encontró un accesor de valor para el control de formulario con nombre” suele ocurrir cuando no hay un control de formulario asociado con un componente en particular. En este caso, podría ser debido a la falta del atributo FormControlName que debería apuntar al control de formulario correspondiente del calendario.
Por lo tanto, podrías intentar agregar el siguiente código justo antes de
<p-calendar>para asociar el control de formulario con el calendario:Este código agrega un elemento de entrada oculto con el atributo formControlName especificado, lo cual debería crear un accesor de valor para el control de formulario y permitir que funcione correctamente con el componente de calendario.
Si esta solución no funciona o aún encuentras problemas, entonces podrías intentar algunos pasos de solución de problemas adicionales, como: