2017-09-18 22 views
0

私の角4のアプリケーションでは、材料の日付ピッカーを使用しています。 日付を設定すると、フィールドで選択した日付が正しく表示されますが、日付を保存すると、投稿要求を行うと、リクエストのパラメータに間違った日付が表示され、選択した日付の1日前に日付ピッカーが設定されます。datepickerの日付付き角問題

これは、日付ピッカー

<md-form-field> <input mdInput 
    [(ngModel)]="fareCalendar.startDate" name="startDate" 
    [mdDatepicker]="picker"placeholder="From"> 
    <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle> 
    <md-datepicker #picker></md-datepicker> 
</md-form-field> 

enter image description here

である。しかし、これは私が送信していたパラメータです:

enter image description here

答えて

1

を両者が同じ時間を持っています。あなたが設定しているものがあなたのタイムゾーンにあるので、リクエストパラメータに入るものは、UTCで日付があり、zで終わります。 この問題を解決するには、ng-model-optionsディレクティブなどを使用する必要があります。 NG-モデル・オプション= "{タイムゾーン: 'UTC'}。:NG-モデルのオプションを=あなたはDate Picker Timezone Support

+0

申し訳ありませんが、追加することは、このリンクでこの問題に関する詳細情報を取得することができます" {タイムゾーン: 'UTC'}私にこの警告「Unknown attribute 'ng-model-options」が表示されます。 – Alessandro

+0

ng-modelも指定しましたか?あなたはそれを使用する必要があります.. ' –

+0

' <入力 \t \t \t \t \t \t \t \t \t \t \t \t \t \t [(ngModel)] = "fareCalendar.startDate" NAME = "endDateに" \t \t \t \t \t \t \t \t \t \t \tをmdInput\t \t [mdDatepicker] = "ピッカー" \t \t \t \t \t \t \t \t \t \t \t \t \t \tプレースホルダ= "{{ 'farecalendar.table.dialog.labels.from' \t \t \t \t \t |翻訳}} "> \t \t \t \t \t \t \t \t \t \t \t \t \t "ピッカー \t \t \t \t \t \t \t \t \t \t \t \t \t 両方のng-mo delとng-model-optionsは、角度材料のlibのバージョン – Alessandro