Estoy realizando un CRUD de Empleados con Angular 17 (no standalone), Angular Material y .NET 8
Todo funciona correcto. Pero estoy teniendo problemas al insertar (CREAR) un empleado. Estoy utilizando DatePicker simple de Angular Material para ingresar la fecha (ya corroboré con console.log() y me toma y envía la fecha que seleccioné) pero en la base de datos SQL Server me lo guarda como 0001-01-01 00:00:00.0000
y no la fecha que seleccione en el DatePicker. Todos los otros inputs los guarda correctamente...
Además, quiero VER los datos en la lista y la fecha es la única que se visualiza vacía. Todos los demás se visualizan correctamente! El código es así:
<p><strong>Fecha:</strong> {{ empleado?.fecha | date }}</p>
Cuando quiero EDITAR el empleado trae todos los datos correctamente y aparecen en los inputs pero la fecha NO! Abajo pongo el código el input que es tanto para crear como para editar:
<mat-form-field>
<mat-label>Fecha de incorporación</mat-label>
<input formControlName="fecha" matInput [matDatepicker]="picker" />
<mat-hint>MM/DD/YYYY</mat-hint>
<mat-datepicker-toggle matIconSuffix [for]="picker"> </mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Por último, logro editar el empleado en todos los campos, excepto en la fecha! se me guarda como les dije al principio!
En la interface de Angular el empleado.ts se ve así:
export interface Empleado {
id?: number;
[...]
fecha: string;
}
En .NET hice el modelo de Empleado y junto al contexto lo migre para luego trasladarlo a SQL Server. En el modelo la fecha está así:
public DateTime FechaInc { get; set; }
En la migración salió así:
FechaInc = table.Column<DateTime>(type: "datetime2", nullable: false)
No logro ver el error. Ayudenme! Gracias de todo corazón