php - 如何根据月份并排显示两个html表格中的日期？-6ren

php - 如何根据月份并排显示两个html表格中的日期？

转载作者：行者123 更新时间：2023-11-29 23:07:09

25

4

我正在尝试显示给定应用程序中一个月内每个日期的员工状态。我已将数据分为两个表。 Snapshot of application

现在，如果您可以看到，我的表格正确显示了日期。

但我想每个月开始新的表格。即每当新月的第一个日期开始时，我想再次开始渲染该月日期的过程。

这样我就能通过月份来区分他们。

我希望我已经正确解释了这个问题。请对此提供指导。提前致谢。我针对给定问题的代码:

<?php       
    $name=$_SESSION['sess_username'];
    $dateofattendance=$_SESSION['sess_date'];
    $time="00-00-00";
    $status="absent";
    $counter=0;
    $conn = new mysqli('localhost', '', '', 'test');
    $sql="SELECT dateofattendance,timeofattendance, status,timeofdeparture FROM attendance Where emp='$name' ORDER BY dateofattendance ASC ";
    $result = $conn->query($sql);           
    if ($result->num_rows > 0)         
        {
            echo "<table class='main'><tbody><tr><td >";
            // create the opening table
            echo "<div align='left'><table class='sep1'style='float:left;'; border='black' cellpadding='5' ><thead> <tr><th> Date </th><th>IN</th><th>OUT</th><th>Status</th></tr></thead>tbody>";
            while($row = $result->fetch_assoc())
                {
                  // create the row
                  echo "<tr><td>" . $row["dateofattendance"]. "</td><td>" . $row["timeofattendance"]. "</td><td>" . $row["timeofdeparture"]. "</td>";
                  if($row["status"]=='present')
                      {
                          echo "<td ><span class='label label-success'>". $row["status"]."</span></td>";
                      }
                  else
                      {
                          echo "<td><span class='label label-danger'>". $row["status"]."</span></td>"; 
                     }"
                </tr>";
            $counter++;  

           // when the counter is 15, close this table and open another
           if($counter == 15)
           {
               echo "</td><td>"; // move to the next cell in our wrap table
               echo "</tbody></table></div>&nbsp;&nbsp;";
               echo "<table class='sep2'style='float:left;'border='black'cellpadding='5'><thead> <tr><th> Date </th><th>IN</th><th>OUT</th><th>Status</th></tr></thead><tbody>";  
           } 

         }
// close the last table
echo "</tbody></table>";

// close our wrapper table
echo "</td></tr></tbody></table>";
}

        $conn->close();
?>

最佳答案

您不想拥有一个计数器并在达到 15 时创建一个新表，而是需要一个变量来存储最后呈现的行的月份编号，并检查要呈现的下一行的月份编号是否匹配。如果不匹配，则生成一个新表。

下面的代码会产生您想要的结果。我已经使用具有相同结构的数据库表(名为“test_employees”的表)对其进行了测试。

请注意，代码输出有效的 HTML，我重新格式化了 echo 语句并添加了换行符，以使 PHP 和 HTML 源代码更具可读性。

这段代码可以被大大地清理，所以它绝不是好的生产代码，但它再次演示了您所追求的逻辑。

需要注意的一点是，该代码仅在给定年份内有效。如果您想显示跨多年的表格，则需要额外的代码。

如果这对您有帮助，请标记我的答案。

如果你愿意的话，我也可以花更多的时间来重构这段代码。请告诉我，我下次会更快回复。

<!DOCTYPE html>
<html>
<head>
<title>table test</title>
</head>
<body>

<?php
    $name=$_SESSION['sess_username'];
    $dateofattendance=$_SESSION['sess_date'];
    $time="00-00-00";
    $status="absent";
    $counter=0;
    $conn = new mysqli('localhost', '', '', 'test_employees');
    $sql="SELECT dateofattendance,timeofattendance, status,timeofdeparture FROM attendance Where emp='$name' ORDER BY dateofattendance ASC ";
    $result = $conn->query($sql);

    if ($result->num_rows > 0)         
    {
        echo "<table border='1'>";
        echo "<thead>";
        echo "<tr>";
        echo "<th>Date</th>";
        echo "<th>IN</th>";
        echo "<th>OUT</th>";
        echo "<th>Status</th>";
        echo "</tr>";
        echo "</thead>";
        echo "<tbody>";

        $first_iteration = 1;
        $row = $result->fetch_array(MYSQLI_ASSOC);
        $last_month_num = split('-', $row["dateofattendance"])[1];

        while($row = $result->fetch_assoc())
        {
            $current_month_num = split('-', $row["dateofattendance"])[1];

            if ($first_iteration == 1) { // do nothing the first time around
                $first_iteration = 0;
            }
            else if ($current_month_num == $last_month_num) { // only close row in current table
                echo "</tr>";
            }
            else { // close table and start new table
                echo "</tr>";
                echo "</table>";
                echo "<table border='1'>";
                echo "<thead>";
                echo "<tr>";
                echo "<th>Date</th>";
                echo "<th>IN</th>";
                echo "<th>OUT</th>";
                echo "<th>Status</th>";
                echo "</tr>";
                echo "</thead>";
                echo "<tbody>";
            }

            echo "<tr>" . "\n";

            echo "<td>" . "\n" . $row["name"] . $row["dateofattendance"] . "\n" . "</td>" . "\n";
            echo "<td>" . "\n" . $row["timeofattendance"] . "\n" . "</td>" . "\n";
            echo "<td>" . "\n" . $row["timeofdeparture"] . "\n" . "</td>" . "\n";

            if($row["status"]=='present')
            {
                echo "<td><span class='label label-success'>". $row["status"]."</span></td>";
            }
            else
            {
                echo "<td><span class='label label-danger'>". $row["status"]."</span></td>";
            }

            $counter++;

            $last_month_num = split('-', $row["dateofattendance"])[1];
        }

        echo "</tr>";
        echo "</table>";
    }


    $conn->close();
?>

</body>
</html>

关于php - 如何根据月份并排显示两个html表格中的日期？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28249690/

25

4

0

文章推荐： mysql - 无法对求和值执行 ORDER BY

文章推荐： mysql - Microsoft Access 和 MYSQL 数据类型比较

文章推荐： mysql - 如何停止phpMyAdmin服务器监控？

Excel - 两个图形合二为一(并排)
我在 Excel 中有两个图表，但我想将这些图表合并为一个图表。如您所见，我缩小了 graph1 中图表的大小。我想移动 graph2 中的图表进入graph1中的空白区域最佳答案我认为在基本的
css - 并排 Pane
我正在为我的站点构建一个 HTML 模板，并希望在左侧有一个主要内容 Pane ，在右侧有一个导航 Pane (类似于 Twitter)。我假设 DIV 不是首选方法，因为默认情况下它们是从上到下列
html - 不要管理定位(并排)
我有以下 fiddle :http://jsfiddle.net/BFSH4/ 如您所见，有两个问题: h1 和 h2 没有垂直对齐。导航和内容未水平对齐。对于 1. 我已经尝试了 margin
CSS 并排 Div
在下面的示例中，我试图让“左”和“右”div 并排显示。显然我的理解是有缺陷的，但我犯了什么错误，因为(至少在 Chrome 中)它们没有并排出现。谢谢
javascript - 添加按钮 - 并排
我在 chrome 上使用 Tampermonkey 向网页添加按钮。单击时，脚本会分析页面，然后显示警报。这是显示按钮的代码: function Main(){ GM_addStyle(
ios - UICollectionViewCell 并排
我的自定义键盘中有 UICollectionView，它有两行高度相同但宽度不同(大小来自服务器)的单元格，滚动方向是水平的。我怎样才能并排显示集合项，而不用这种基于先前单元格宽度的奇怪居中？最佳
android - 合并两个位图图像(并排)
任何人都可以帮助将两个位图图像组合成一个位图在安卓中(并排)。谢谢，尤瓦拉杰最佳答案您可以使用 Canvas - 查看这篇文章: http://www.jondev.net/articles/
rpm - 并排 RPM 版本
如果有的话，设计 RPM 的“正确”方法是什么，以便可以通过 YUM/RPM 并排安装多个版本而不会相互干扰？对于库，正确的答案似乎与 sonames 有关，尽管我找不到任何关于 sonames、符号
delphi - SxS(并排)不工作
从我的 last question 跟进:我执行了 Steve 提供的所有步骤，SxS Parse 日志为空，但我仍然收到“Class Not Registered”错误。我知道我的 .exe 正在
javascript - 并排 react 传单
我想并排显示两个图 block 层，就像并排的传单插件 ( https://github.com/digidem/leaflet-side-by-side )。但是，我不知道如何用 react 来做
Yii2 两个 DetailView 并排
我正在制作一个将 PO 导出为 PDF 的采购订单系统，但我需要在上半部分显示来自买方和卖方的数据。我想并排放置 2 个 DetailView，每个都有 50% 的页面宽度。有可能的？到目前为止，我还
css - 并排 float 两个div
无论屏幕大小如何，我都试图并排 float 两个 div。目前在 IE 7 中，如果我调整窗口大小，一个 div 会下降到另一个下方。我认为这是因为 div2 包含一个表格，一旦窗口边缘碰到表格，它就
r - ggplot 并排 geom_bar()
我想使用这个数据框的 geom_bar() 创建一个并排的条形图， > dfp1 value percent1 percent 1 (18,29] 0.20909091 0.454545
ios - 创建单位转换器的最有效方法是什么，用户可以滚动浏览两个单位选项列表(并排)
我正在尝试在 Xcode (Swift) 中创建一个单位转换器，并一直在尝试在 Storyboard 中对 UI 进行排序。我一直试图在屏幕的上半部分并排放置两个表格 View ，以保存两个测量类型的
javascript - FullCalendar eventOverlap 并排
下面的代码运行良好。 eventDrag 和 Drop 我可以放置在表格内的任何位置。但是我只想将事件拖放到事件的左侧和右侧。我想从其他事件的顶部和底部停止拖动事件。只有左侧和右侧的其他事件我想拖
android - 图层列表 drawables 并排
我似乎无法让我的图层列表正常工作。我需要
mysql "paste"两个结果在一起(并排)
我想要类似 unix 中的 paste 命令，它需要两个文件并打印第一行，第一个文件，然后是分隔符，然后是第二个文件的第一行，然后是换行符，然后是第一个文件的第二行第二个文件的文件分隔符第二行，等等。
.net - 并排 ClickOnce 安装
我想将我的内部应用程序的测试版本部署到我的测试组，我需要它与当前的 LIVE 版本一起安装。我更改了发布选项中的所有内容，但它仍然会覆盖我的实时安装。我还需要做什么？我是否必须更改“应用程序”选项卡
css - 图像和 Div - 并排
我想创建一个设置，其中左侧有一个图像，右侧有一个 div。我正在使用 float left 来完成此操作，但我希望右侧的 div 与左侧的图像具有相同的高度，并且文本垂直居中。这是一个jsfiddl
css - 我怎样才能让两张 table 并排？
如何让两张 table 并排放置。问题可能会出现，有时一张 table 可能比另一张 table 大它旁边的表格，所以这可能会导致问题并且下面的表格可能不对齐，我想解决。在我制作的演示中，我有四个表，

首页

博学

6Ren·AI

商城

php - 如何根据月份并排显示两个html表格中的日期？