1

我正在尝试启用“截止日期”类型的东西，用户预先选择datetime到期的东西（它可以是任何东西，但在我的情况下，它是需要提交给他/她的老师的论文的截止日期）。

步骤 我将一列添加到现有的表针

$ rails g migration add_due_date_to_pins duedate:datetime

移民

class AddDueDateToPins < ActiveRecord::Migration
  def change
    add_column :pins, :duedate, :datetime
  end
end

在/app/views/pins/_form.html.erb我为该输入创建了一个表单

<div class="form-group">
        <%= f.label :duedate %>
        <%= f.datetime_select :duedate %>
</div>

然后在/app/views/pins/show.html.erb

<%= @pin.duedate %>

现在时间显示如下：2014-08-12 03:01:00 UTC。

现在，我想为资产管道使用 jquery-countdown-rails gem 来启用从所选日期开始的倒计时。类似于“还剩3天7小时53分钟”。

我不知道如何提取选择的日期时间并将其变成 jQuery 可以操作的东西。非常感谢您的帮助！

4

1 回答 1

2

首先，您需要一个 div 来附加计时器，因此将一个添加到您的/app/views/pins/show.html.erb文件中。其次，添加一些基本的 javascript 来创建日期并启动计时器：

<div id="due_date_timer"></div>

:javascript
  var year = <%= @pin.duedate.year %>;
  var month = <%= @pin.duedate.month %>;
  var day = <%= @pin.duedate.day %>;

  var date = new Date(year, month, day);
  $("#due_date_timer").countdown({until: date});
于 2014-08-12T04:05:36.417 回答