Valeurs de temps différentes pour le même champ

Question

<form> 
<p-calendar [(ngModel)]="report.incidentTime" [showTime]="true" [ngModelOptions]="{standalone: true}" [maxDate]="maxDateValue" 
           (ngModelChange)="validateTime($event)"></p-calendar> 

    <button type="button" class="btn btn-primary ripple" (click)="saveReport()" >Save</button> 

</form> 

Ici, le calendrier primeNg est utilisé pour l'affichage du calendrier.

saveReport() { 
     console.log("Inside save"); 
     this.validateFields(); 

     let temp = this.report; 
     console.log("Time : "+this.report.incidentTime); 
     console.log("Object : "+JSON.stringify(this.report)); 

} 

où incidentTime: Date;, est atype of Date.

Time: Mon Oct 02 2017 09:34:39 GMT+0400 (Arabian Standard Time) 
Object : {"incidentTime":"2017-10-02T05:34:39.000Z","reportingType":"I"} 

Ici, deux sorties donnent un temps différent. Pourquoi est-ce ? Comment puis-je obtenir la même heure dans Objet également. plutôt que de donner 4 heures de moins.

Answer 1

C'est la même date, c'est juste que le composant p-calender le convertit en UTC à partir de GMT + 4.

Vous pouvez contrôler ce comportement avec l'attribut utc.

Vous pouvez voir la documentation here.