Question

当用户单击角度提交按钮时，是否可以获取日期和时间？例如，我有一个名称和电子邮件输入的表单。当用户填写输入并单击“提交”时，日期和时间将与名称和电子邮件一起显示在表格中。这里有一些片段：

//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>

Answer 1

只是做：

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

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

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

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

1 个答案: