【问题标题】:Save local date with angular material datepicker使用角度材料日期选择器保存本地日期
【发布时间】:2019-02-07 08:07:18
【问题描述】:

如何强制 Angular 材料的日期选择器不将日期转换为 UTC?当我选择一个日期时,一切正常,但是当我在服务器端获取一个日期时,它是前一个日期。

<mat-form-field class="ship-calendar">
    <input matInput 
        [matDatepicker]="shipPickerInput 
        [(ngModel)]="rowData.ShipDate"
        disabled 
        (dateChange)="shipmentFocusout($event, rowData, 'ShipDate')">
    <mat-datepicker-toggle matSuffix [for]="shipPickerInput">
    </mat-datepicker-toggle>
    <mat-datepicker #shipPickerInput disabled="false">
    </mat-datepicker>
</mat-form-field>

我将此 ShipDate 发送到我的服务器。

【问题讨论】:

  • 发送时间戳,它们将根据您的服务器区域设置进行处理
  • 你如何保存/发送你的日期?你能提供一些代码吗?
  • 我已经添加了我的代码示例。
  • 最简单的方法是将发送到服务器的时间转换为 UTC。如果只是日期/时间,我不确定服务器上的格式是什么,那么您需要在应用程序中从 utc 转换回当前时区。如果格式包含服务器上的时区,您的应用很可能会自行转换。所以你得到的是时区>UTC>时区。

标签: angular datepicker angular-material


【解决方案1】:

使用此方法。 你的.ts 文件

rowData={ ShipDate }

给这个变量赋值:

date = new Date();

然后赋值:

this.rowData.ShipDate=this.date;

希望这对你有用。 :)

【讨论】:

    猜你喜欢
    • 2018-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多