Question

我正在尝试启用＆＃34;截止日期＆＃34;用户预先选择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来启用所选日期的倒计时。类似于＆＃34; 3 天 7 小时， 53 分钟左右＆＃34;

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

Answer 1

首先，您需要一个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});

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

1 个答案: