有条件的CSS类，取决于日期的年龄

Question

I'm trying to create a situation where I have an unordered list (created using Wordpress plugin Advanced Custom Fields) and within it, all list items that have a date older that 30 days have a different css class (so I can style them differently). With this in mind, can anyone show me how to edit the code below so that when the_sub_field(date) in the 2nd div on each li is older than 30 days it will change the <li class='new'> to <li class='old'>

See code below:

        // check for rows
        <?php if( have_rows('item_list_details') ): ?>
            <ul class="admin">
            <?php
            // loop through rows
            while( have_rows('item_list_details') ): the_row() 
                // display each item as a list
                ?>
                   <li class='new'>
                <div class='itemTitle'>
                    <?php the_sub_field('link_name'); ?>
                </div>
                <div class="memberListDate">
                          <?php the_sub_field('date'); ?>
                     </div>
                   </li>   
            <?php endwhile; ?>
            </ul>
        <?php endif; ?>

Any help with this would be most appreciated

Answer 1

Replace

<li class='new'>

With

<?php
    $date = new DateTime(the_sub_field('date'));
    $now = new DateTime(Date('Y-m-d'));
    $diff = $now->diff($date);

    if ($diff->days > 30):    //Use $diff->days and not $diff->d
?>
    <li class='old'>
<?php else: ?>
    <li class='new'>
<?php endif;?>

Contents of $diff

object(DateInterval)#3 (15) {
  ["y"]=>
  int(0)
  ["m"]=>
  int(0)
  ["d"]=>
  int(18)                        <-------d is relative to a single month
  ["h"]=>
  int(0)
  ["i"]=>
  int(0)
  ["s"]=>
  int(0)
  ["weekday"]=>
  int(0)
  ["weekday_behavior"]=>
  int(0)
  ["first_last_day_of"]=>
  int(0)
  ["invert"]=>
  int(1)
  ["days"]=>
  int(18)                        <--------days is the total days between
  ["special_type"]=>
  int(0)
  ["special_amount"]=>
  int(0)
  ["have_weekday_relative"]=>
  int(0)
  ["have_special_relative"]=>
  int(0)
}

Original Code with var_dump

` "; var_dump(get_sub_field('age')); echo ""; ?> diff($date);

                                if ($diff->days > 30):
                            ?>
                                <li class='research'>
                            <?php else: ?>
                                <li class='researchLatest'>
                            <?php endif;?>`