时间戳

首页 > 解决方案 > Angular 4 - 在 HTML 模板中添加日期到日期

html - Angular 4 - 在 HTML 模板中添加日期到日期

问题描述

我采用了一个公共变量，用于保存一周中第一天的日期，或者说它表示周末。它是从数据库中获取的。我想取下周的日期（仅限数字）。

在此处输入图像描述

我尝试了以下代码，但无法正常工作。

public selectedWeekend: Date;

<table>
    <tr>            
        <td style="padding: 10px;">
            Mon
        </td>
        <td style="padding: 10px;">
            Tue
        </td>
        <td style="padding: 10px;">
            Wed
        </td>
        <td style="padding: 10px;">
            Thu
        </td>
        <td style="padding: 10px;">
            Fri
        </td>
        <td style="padding: 10px;">
            Sat
        </td>
        <td style="padding: 10px;">
            Sun
        </td>
    </tr>
    <tr>

        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+1 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+2 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+3 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+4 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+5 | date :  "dd" }}
        </td>
        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+6 | date :  "dd" }}
        </td>

        <td style="padding: 10px;">
            {{ selectedWeekend.getDate()+7 | date :  "dd" }}
        </td>

    </tr>
<table>

标签： htmlangulardate

解决方案

我想你忘了初始化 selectedWeekend

 public selectedWeekend: Date = new Date();

如果您在其他地方设置值，请确保为 Date 类型

推荐阅读