角度材质日期选择器中的日期不正确-精确日期的前一天

Question

hello当我选择一个日期时，我会在字段中看到正确的日期，但当我保存时，日期选择器会在日期的前一天发送。我使用日期时间选取器范围代码html:

<mat-form-field appearance="fill">
<mat-label>Enter a date range</mat-label>
<mat-date-range-input  [rangePicker]="picker" separator="to" required [min]="today" [dateFilter]="dateFilterFn">
<input matStartDate formControlName="From_Date" placeholder="From_Date" name="From_Date">
<input matEndDate formControlName="To_Date" placeholder="To_Date" name="To_Date">
</mat-date-range-input>
<mat-hint>DD/MM/YYYY – DD/MM/YYYY </mat-hint>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>

代码Ts

this.demandeForm = this.formBuilder.group({
From_Date: ['',Validators.required],
To_Date :['',Validators.required],
Created_AT : [this.created_AT,Validators.required],
nmbJours : ['',Validators.required])}

有人可以帮我

Answer 1

如果日期选择器使用Json格式的http将日期范围发送到API，则日期将转换为UTC，请尝试查看以下示例：

var date = new Date()
console.log(date)
console.log(date.toLocaleString())
console.log(date.toJSON())
//output:
// Sun Oct 23 2022 20:52:40 GMT+0300 (your local time zone mine is "GMT+0300")
// 23/10/2022, 20:52:40
// 2022-10-23T17:52:40.497Z