Javascript 离子条形码扫描仪时间戳集成

我刚开始在安卓系统上用条形码扫描仪构建我的第一个ionic应用程序。 为了开发条形码集成，我使用了以下文档：

到目前为止一切正常。但现在我想在扫描条形码或qr码后，在home.page.html上为输出实现一个时间戳

有人知道如何实现时间戳吗

提前非常感谢

home.page.html：

<ion-header>
  <ion-toolbar color="primary">
    <ion-title>
      QR-Scanner
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>

  <ion-button color="success" expand="full" shape="round" (click)="scan()">Start Scan</ion-button>

    <ion-card *ngIf="productFound">
      <ion-card-header>
        <h2 color="success" >Object: {{selectedProduct.name}}</h2>
      </ion-card-header>
      <ion-card-content>
        <ul>
          <li>{{selectedProduct.plu}}</li>
          <li>{{selectedProduct.price}}</li>
          <li>{{selectedProduct.desc}}</li>
        </ul>
      </ion-card-content>
    </ion-card>
</ion-content>

app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
import { Toast } from '@ionic-native/toast/ngx';

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, 
    IonicModule.forRoot(), 
    AppRoutingModule,
    HttpClientModule
    ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    BarcodeScanner,
    Toast
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

我们可以使用JS提供的。因此，当您进行扫描时，获取当前时间戳并将其存储到您的

selectedProduct

，例如，存储在名为

scannedAt

this.barcodeScanner.scan().then((barcodeData) => {
  this.selectedProduct = this.products.find(product => product.plu === barcodeData.text);
  if(this.selectedProduct !== undefined) {
    this.selectedProduct.scannedAt = new Date(); // add this!
    this.productFound = true;
  }
// ...

然后，您可以使用角度来决定如何在模板中显示它，例如：

{{ selectedProduct.scannedAt | date: 'short' }}

---

为什么不在扫描条形码时使用当前时间？如何实现？很抱歉，我对JavaScript一无所知。好的，我们在JS中有

Date

：这应该可以满足您的需要：）谢谢！：）但是我如何在home.page.html和home.page.ts中实现它，以便在代码扫描后显示它呢？很高兴听到！！：）

this.barcodeScanner.scan().then((barcodeData) => {
  this.selectedProduct = this.products.find(product => product.plu === barcodeData.text);
  if(this.selectedProduct !== undefined) {
    this.selectedProduct.scannedAt = new Date(); // add this!
    this.productFound = true;
  }
// ...

{{ selectedProduct.scannedAt | date: 'short' }}