Http Post Date Incorrect Fomat-CodePudding

The

Any idea about the reason?

CodePudding user response：

Your date format is not correct. you should use ISO 8601

you should try the ISO format:

public addPatient(): Observable<number> { let url = `${this.patientUrl}` var patientDetails = new patientDetails(); patientDetails.birthDate = new Date().toISOString(); return this.http.post<number>(url, patientDetails, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) }); }

You can read more about it here

CodePudding user response：

Try using a custom date interceptor?
I'm using this in all of my Angular projects:

date.interceptor.ts

@Injectable() export class UpdateDateHttpInterceptor implements HttpInterceptor { intercept( req: HttpRequest<any>, next: HttpHandler ): Observable<HttpEvent<any>> { if (req.method === 'POST' || req.method === 'PUT') { this.shiftDates(req.body); } return next.handle(req); } shiftDates(body: any): void { if (body === null || body === undefined) { return body; } if (typeof body !== 'object') { return body; } for (const key of Object.keys(body)) { const value = body[key]; if (value instanceof Date) { body[key] = new Date( Date.UTC( value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds() ) ); } else if (typeof value === 'object') { this.shiftDates(value); } } } }

And in your app.module.ts you add it to your providers like this:

providers: [ { provide: HTTP_INTERCEPTORS, useClass: UpdateDateHttpInterceptor, multi: true, } ]