web-dev-qa-db-ja.com

Angular 5、HttpClientは日付フィールドをUTCに変更します

クライアント側にDate型プロパティを持つオブジェクトがあります。 HttpClient.postを介してオブジェクトをサーバーに送信しようとすると、プロパティの値がUTCタイムゾーンに変更されます。

クライアント側の値はSun Nov 26 2017 00:00:00 GMT + 0300（Turkey Standard Time）ですが、サーバーに移動すると、次のように変更されます：25.11.2017 21:00：

どうすればこれを制御できますか？

これは私のクラスです。

export interface IBill {
   BillID : number;
   SubscriptionID:number;
   SiteID : number;
   SubscriptionName: string;
   Amount: number;
   Date: Date;
   PaymentDeadline: Date;
   Virtual: boolean;
   Portioned: boolean;
   Issuanced: boolean;
   FinancialTransactionComment : string;}

Ng-formに入力しながらこのオブジェクトを作成し、次のHttp.postを呼び出します。

let bill = this.formData;
this.http.post(this.configuration.ServerWithApiUrl + url, bill , { headers: headers, withCredentials: true, observe: "response", responseType: 'text' })
        .map((response) => {
            return this.parseResponse(response);
        }).catch(
        (err) =>
            this.handleError(err));
angulardateangular-httpclient
8
h.jalilzade

Type of Date、PaymentDeadlineをstringに変更しました。

export interface IBill {
   BillID : number;
   SubscriptionID:number;
   SiteID : number;
   SubscriptionName: string;
   Amount: number;
   Date: string;
   PaymentDeadline: string;
   Virtual: boolean;
   Portioned: boolean;
   Issuanced: boolean;
   FinancialTransactionComment : string; }

そしてサービスに送る前にそれらを書き直してください。

let bill = this.formData;
bill.Date = this.formData.Date.toLocaleString();
bill.PaymentDeadline = this.formData.PaymentDeadline.toLocaleString();

この場合、時刻は文字列（"11/10/2017、12：00：00 AM"）として送信され、UTCタイムゾーンの変更は行われません。

7
h.jalilzade

プット/ポストリクエストのリクエスト本文を変更するには、HttpInterceptorを使用します。修正されたDateオブジェクトを作成して、すべての日付フィールドを再帰的に更新します。

サンプルコード：

@Injectable() export class UpdateDateHttpInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    this.startLoading();
    if (req.method === 'POST' || req.method === 'PUT') {
        this.shiftDates(req.body);
    }
  }

  shiftDates(body) {
    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);
        }
    }
  }
7
Abdullah Arslan