Question

我有一个角度为4的输入类型日期，我有2个日期选择器字段，当我选择例如从2014年3月23日到29.03.2018，当我按下保存时，日期是今天的日期，这不会改变，怎么可能发生这种情况。我尝试使用ngModelChange来更改值，但是在数据库中它发送的类似于今天的日期......下面你可以找到一个代码。

    <app-input-field orientation="top" label="Beginning Date">
        <input [min]="today" type="date" step="1" [(ngModel)]="newCreate"  style="width:250px">
      </app-input-field>
        <br>
        <app-input-field orientation="top" label="Ending Date">
          <input [min]="today" type="date" step="1" 
 [(ngModel)]="newEnd" style="width: 250px;">
        </app-input-field>

这是TS文件

  newCreate: string = new Date().toISOString().substring(0, 19);
  newEnd: string = new Date().toISOString().substring(0, 19);

这是我点击保存的时间。

save() {

// How to convert here because when is saved it is saved like date 
//with minutes and everything else.
    this.newProject.name = this.newProjectName;
    this.newProject.state = this.newState;
    this.newProject.type = this.newType;
    this.newProject.created = new Date(this.newCreate);
    this.newProject.ending = new Date(this.newEnd);
    this.newProject.category = this.category;
    this.newProject.subProjectIds = this.subProjectIds;
    this.store.dispatch(new UpsertProjectAction(this.newProject));
    this.dialogRef.close(this.newProject);

Answer 1

在.ts文件中，您将newCreate和newEnd设置为当前日期。

如果没有提供参数，构造函数会创建一个JavaScript 根据系统设置的当前日期和时间的日期对象对于时区偏移。

JavaScript - Date - MDN Docs

使用[(ngModel)]您使用双向数据绑定，初始化时您的日期会自动设置为当前日期。

请参阅此工作StackBlitz：Working Demo

从中创建日期时未给出给定日期

1 个答案: