更改CSS基於Time.now

Question

我希望能夠添加一個名爲「.unavailable」的css類到持有記錄的div，如果記錄的occurrence_on日期過去。這就是我如何嘗試它......（PS我是新來的導軌）

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