css - 根据 Time.now 更改 CSS

Question

我希望能够将名为“.unavailable”的 css 类添加到保存记录的 div，如果记录的 occurs_on 日期是过去的话。这就是我正在尝试的方式....(附注:我是 Rails 的新手)

          <% @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? %>">