将时间戳显示为 yyyy mm dd——html angular - TypeScript

在应用程序中，我们通常需要处理日期和时间的显示和计算，包括将时间戳转换为易于阅读的形式，如“yyyy年mm月dd日”或“mm / dd / yyyy”。

在Angular中，可以使用内置的DatePipe管道来格式化日期。以下是将时间戳格式化为yyyy mm dd格式的示例代码片段：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <p>Timestamp: {{ timestampInMillis }}</p>
    <p>Formatted Date: {{ formattedDate }}</p>
  `,
})
export class AppComponent {
  timestampInMillis = 1634808713773;
  formattedDate = new Date(this.timestampInMillis).toLocaleDateString('en-US', {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
  });
}

在这个例子中，我们使用toLocaleDateString方法将时间戳转换为格式化的日期字符串。'en-US'参数定义了使用美式日期格式，并格式化月份和日期为两位数，例如“01”和“09”。

要在HTML模板中使用这个Angular组件，只需添加以下代码：

<div>
  Timestamp: {{ timestampInMillis }}
</div>
<div>
  Formatted Date: {{ formattedDate }}
</div>

上面的代码中，我们使用插值表达式来把格式化后的日期字符串插入HTML文本中。

现在，当这个组件被加载到视图中时，它会显示时间戳和格式化后的日期，如下所示：

Timestamp: 1634808713773

Formatted Date: 10/21/2021

这个示例演示了如何使用Angular和TypeScript将时间戳转换为易于阅读的格式。通过使用内置的DatePipe管道和toLocaleDateString方法，我们可以轻松地实现这个任务。