如何将 48 小时或 2 天添加到 html 中的日期时间戳 [重复]答案

【问题标题】：How to add 48 hours or 2 days to a Date timestamp in html [duplicate]如何将 48 小时或 2 天添加到 html 中的日期时间戳 [重复]
【发布时间】：2020-01-31 21:52:57
【问题描述】：

我想在 html 中添加 48 小时或 2 天的日期时间戳。

例如04.10.2019 + 2 天 = 06.10.2019。我不知道这是否可以使用 html。

这是我的代码的一部分：

<tr *ngFor="let date of dateValues">
        <td>{{date.startDate | date:'dd.MM.yyyy'}}</td>
        <td>{{date.endDate | date:'dd.MM.yyyy'}}</td>
</tr>

date.startDate 是 Date 类型。

date.endDate 也是 Date 类型。

我想做这样的事情：

 <tr *ngFor="let date of dateValues">
            <td>{{date.startDate | date:'dd.MM.yyyy'}}</td>
            <td>{{date.endDate =(date.startDate + 2days) |date:'dd.MM.yyyy'}}</td>
 </tr>

我会很感激任何关于如何做到这一点的建议，或者任何阅读它的来源。

【问题讨论】：

你为什么不在组件（而不是模板）中这样做？
@Igor 我想也许有一个简短的方法可以在 html 中做到这一点。谢谢你的建议:)

标签： html angular date

【解决方案1】：

嗯，您不会在“HTML 中”完成此操作，而是您在 TypeScript/JavaScript 中执行的操作。（您在 {{...}} 中看到的内容是正在执行的 Angular 修改的 JavaScript，而不是 HTML。）

正如@Igor 在评论中提到的那样，最好在组件内部执行此操作，而不是尝试在模板中执行此操作，因为正确执行此操作需要的代码比您希望坚持到模板中的代码要多。

将两天添加到日期的快速而简单的方法如下：

let twoDaysLater = new Date(originalDate.getTime() + 2 * 86400 * 1000);

这在大多数情况下效果很好，但如果夏令时在这两天内开始或结束，则可能会关闭一个小时（如果时间接近午夜，可能会导致一天的轮班）。

【讨论】：

谢谢，我会在 TypeScript 文件中做：)