html - Angular ，单击提交按钮后获取并显示提交时间

是否可以获得用户单击Surp按钮时的日期和时间？例如，我有一个带有姓名和电子邮件输入的表单。当用户填写输入并单击提交时，日期和时间将连同姓名和电子邮件一起显示在表格中。以下是一些片段：

//app.service.ts
insertData(data: App) {
  this.dataList.push({
    name: data.name,
    email: data.email,
  });
}

//app.component.ts
onSubmit(form: NgForm) {
  this.AppService.insertData(this.AppService.selectedData);
}

<!--app.component.html-->
<form #dataForm="ngForm" (ngSubmit)="onSubmit(dataForm)">
  <label>Name</label>
  <input class="form-control" name="nama" #nama="ngModel" [(ngModel)]="AppService.selectedData.name"><br>

  <label>Email</label>
  <input class="form-control" name="email" #email="ngModel" [(ngModel)]="AppService.selectedData.email"><br>

  <button type="submit">Submit</button>
</form>

<table>
  <tr>
    <th>Name</th>
    <th>Email</th>
    <th>Time submitted</th>
  </tr>
  <tr *ngFor="let data of data">
    <td>data.name</td>
    <td>data.email</td>
    <td>Time submitted</td>
  </tr>
</table>

最佳答案

只要做：

this.dataList.push({
    nama: data.nama,
    email: data.email,
    time : new Date(),
  });

这将存储插入数据时的当前时间，然后仅在模板端使用。

{{data.time | date: 'dd/MM/yyyy'}}

关于html - Angular ，单击提交按钮后获取并显示提交时间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48106980/