如何根据 date_diff 结果更改徽章颜色？答案

【问题标题】：How to change badge color depending date_diff results?如何根据 date_diff 结果更改徽章颜色？
【发布时间】：2019-06-16 03:16:12
【问题描述】：

我有一个包含三个日期的表，我使用 date_diff 来查找一些结果及其工作。此结果显示在引导徽章内，但我尝试根据结果徽章更改颜色。

<?php
$date1 = date_create($lines3x['date_open']);
$date2 = date_create($lines3x['date_close']);
$date3 = date_create($lines3x['date_finish']);
//difference between two dates
$diff = date_diff($date1,$date2);
$diff2 = date_diff($date2,$date3);
?>

 <td><span class="badge badge-info"><? echo $diff2->format("%a");?></span></td>

例如，如果 $diff2 结果在 10 到 20 之间，则徽章应该是这样的：

<span class="badge badge-warning">`

ì 如果大于 20，则徽章应为：

<span class="badge badge-danger">`

有什么想法可以实现吗？

【问题讨论】：

标签： php date if-statement colors diff

【解决方案1】：

你可以试试 JQuery..

给一个 id 来跨越，然后去做这个.. 放在你想要的条件。如果它是真的，那么在脚本标签之间去这个

<script>
$(document).ready(function()
{
   $(#id).addClass("class name");
}
);
</script>

然后你去.. 不要忘记在代码之前加载 jquery .js 文件，否则会抛出错误。谢谢。

【讨论】：

对不起，我不明白，你能给我举个例子吗？

【解决方案2】：

在这里.. 并确保在代码之前加载 jquery 的 cdn，否则它将返回未定义 $ 的控制台错误...

<?php
 $date1 = date_create($lines3x['date_open']);
 $date2 = date_create($lines3x['date_close']);
 $date3 = date_create($lines3x['date_finish']);
    //difference between two dates
 $diff = date_diff($date1,$date2);
 $diff2 = date_diff($date2,$date3);
 if($diff2 >10 && $diff2<20)
 {
    ?>
    <script>
       $(document).ready(function(){
        $(.diff).addClass('badge-warning');
     });
 </script>
 <?php
}elseif($diff2>20)
{
     ?>
    <script>
       $(document).ready(function(){
        $(.diff).addClass('badge-danger');
     });
 </script>
 <?php
}else{
     ?>
    <script>
       $(document).ready(function(){
        $(.diff).addClass('badge-info');
     });
 </script>
 <?php
}
?>

    <td><span class="diff badge"><? echo $diff2->format("%a");?></span></td>

【讨论】：

我在 head 部分插入了 jquery cdn 并粘贴了您的代码，但它不起作用。值出现但不显示标记。
你试过检查元素来检查天气类是否设置
请告诉我...这将有助于识别错误并检查控制台错误并将其提供给我。