2017-09-18 36 views
0

在我的angular 4应用程序中,我使用的是material datepicker。 当我设置日期时,我正确地看到在该​​字段中选择的日期,但是当我保存日期,发出Post请求时,我在请求的参数中看到错误的日期,日期选择器在选定日期前一天设置。在datepicker中使用date的角度问题

这是日期选择器

<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'}。你能得到关于此问题的详细信息与此链接Date Picker Timezone Support

+0

抱歉,但补充说:NG-模型选项=”{时区: 'UTC'}给我这个警告'未知属性'ng-model-options'。 – Alessandro

+0

你是否也指定了ng-model?你必须使用它..' ' –

+0

'<输入mdInput \t \t \t \t \t \t \t \t \t \t \t \t \t \t [(ngModel)] = “fareCalendar.startDate” 名称= “结束日期” \t \t \t \t \t \t \t \t \t \t \t \t \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给了我一个警告 – Alessandro