Question

我希望能够将一个名为“.unavailable”的css类添加到包含记录的div中，如果记录的event_on日期是过去的话。这就是我正在尝试的方式....（p.s。我是铁杆新手）

          <% @events.each do |event| %>

    <div class="col-md-12 col-sm-12">
        <div class="schedule-item-list  <%= event.occurs_on <= '#{(Time.now).utc.iso8601}' ? unavailable %>">

 <table width="100%">
 <tr><td class="date-block"><span class="badge badge-warning" style="color: #333;">  
  <%= event.status%></span><span class="day">day</span><br>
    date</td>
       <td >
            <div class="title" style="margin-top: 5px;"><%= event.title%> <br>
             <span class="schedule-desc"><%= event.desc%></span></div>
             </td></tr></table>

我想要的是这个（对于过去的event.occurs_on）：

<div class="schedule-item-list unavailable">

谢谢！

Answer 1

使用ActiveSupport::TimeWithZone#past?方法：

<div class="schedule-item-list<%= ' unavailable' if event.occurs_on.past? %>">

根据Time.now更改CSS

1 个答案: