根据日期用颜色阻止表列

时间:2019-07-09 07:12:21

标签: javascript php jquery html html-table

在这种情况下,我想根据预订状态用颜色阻止表格单元格并签入/签出日期。例如,我在数据库上有这个:

reservationID | guestName | villaName  | roomName | checkIn    | checkOut   | status
----------------------------------------------------------------------------------------
RSV01         | John      | Villa ABCD | Unit 1   | 2019-04-01 | 2019-04-05 | Confirmed
RSV02         | Mike      | Villa ABCD | Unit 1   | 2019-04-05 | 2019-04-09 | On Hold

我想根据入住/退房日期和状态,在每个单元格上用块颜色显示在某些表上的预订数据。这是我要显示的示例:

enter image description here

红色表示预订状态为确认,入住日期为2019-04-01,退房日期为2019-04-05。黄色表示预订状态为“暂停”,入住日期为2019-04-05,退房日期为2019-04-09。

这是我完成的代码:

<table id="example1" class="table table-striped table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <td>Villa ABCD</td>
            <?php for($i=0;$i<=30;$i++) { ?>
            <td><?=$i?></td>
            <?php } ?>
        </tr>
    </thead>
    <tbody>
        <?php foreach($unit as $row) : ?>
        <tr>
            <?php foreach($reservation as $row1) : ?>
            <td>Test</td>
            <?php endforeach; ?>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

请任何人帮助我使用PHP,HTML或JQuery解决此问题。谢谢。

0 个答案:

没有答案