Как изменить цвет значка в зависимости от результатов date_diff? - PullRequest
Новая
       20

Как изменить цвет значка в зависимости от результатов date_diff?

0 голосов
/ 16 июня 2019

У меня есть таблица с тремя датами, и я использую 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">`

Есть идеи для этого?

Ответы [ 2 ]

0 голосов
/ 18 июня 2019

вот оно .. и убедитесь, что вы загружаете cdn из jquery перед вашим кодом, иначе он выдаст консольную ошибку, что $ не определен ... 

<?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>
0 голосов
/ 16 июня 2019

вы можете попробовать JQuery для этого ..

дать идентификатор для span и пойти на это .. поставить условие, которое вы хотите.если это правда, тогда переходите к этому между тегом script 

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

и там. Идите .. не забудьте загрузить файл jquery .js перед кодом, иначе он выдаст ошибку.Спасибо.

...