jQuery倒计时为Ruby on Rails日期时间输入

Question

我正在尝试启用"到期日"之类的东西，用户可以预先选择datetime的到期日(它可以是任何东西，但在我的情况下，它是一个需要提交给他/她的老师的论文的到期日)。

<<p> 步骤/strong>我添加一个列到现有的表pins

$ 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>

then in /app/views/pins/show.html.erb

<%= @pin.duedate %>

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

现在，我想为资产管道使用jquery- coundownrails gem来启用从所选日期开始的倒计时。比如"3 days 7 hours and 53 minute left"

我不知道如何提取所选择的日期时间并使其成为jQuery可以操纵的东西。非常感谢您的帮助!

Answer 1

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

<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});