Question

我正在构建一个需要用户输入事件日期和一个小时的应用程序。我正在使用form_for助手，并在f.submit之前获取值。我能够通过f.date_field正确获取日期这使ua建立在minicalendar中，并且我正在使用引导时钟选择器获取小时。这是问题所在。我想获取小时并将其连接到f.date_field，因为它需要默认的小时00:00:00 UTC，但是我我不知道该怎么做。我是Javascript的初学者。任何帮助将不胜感激。这是我的代码：

带有一些红宝石的HTML

 <div class="input-group clockpicker" data- 
  placement="right" data-align="top" data- 
  autoclose="true">
   <input id ="time1" type="text" class="form-control" 
    value="ώρα..">
   <span class="input-group-addon">
    <span class="glyphicon glyphicon-time"></span>

  </span>
 </div>


<br>

<div id="newgame">
  <%= f.submit "New Game" %>
</div>

这是我的时钟选择器脚本

<script type="text/javascript" src="dist/bootstrap- 
              clockpicker.min.js"></script>
<script type="text/javascript">
       $('.clockpicker').clockpicker();
</script>

Answer 1

我找到了答案，不是JS的方法是添加到输入中 ... name ='game [time] ..>

然后像这样

将此值带到控制器

    #get time from clock and concatenate it with date to start_time
    date = params['game']['start_time']
    time = params['game']['time']
    @game.start_time = Time.parse("#{date} #{time}") + 3.hours

+ 3.hours是因为它在与我不同的时区中花费了一个小时，因此我不得不对其进行调整。

如何从Clockpicker获取值并将其传递给我的表单f.date_field？

1 个答案: