javascript - 使用 Rails 将动态哈希放入 JQuery 中

Question

我对 Rails 和 JQuery 都很陌生。我正在将 jquery.timepicker 与 Rails 一起使用，它需要哈希值来阻止给定时间列表中的某些时间范围(即上午 8 点到下午 6 点之间，下午 1 点到下午 2 点不可用)。在静态页面上，JQuery 的写法如下:

  <script>
    $('#someTextfieldPair .time').timepicker({
        'timeFormat': 'g:ia',
        'disableTimeRanges': [
          ['11:00am', '12:00pm'],
          ['3:00pm', '4:00pm']
        ]
     });
   </script>  

我尝试根据值@other_events.time_start 和@other_events.time_end 创建哈希值，而不是静态时间。我已经尝试过，但我真的不知道如何结合 JQuery 和 Rails。

 <script>
    $('#someTextfieldPair .time').timepicker({
        'timeFormat': 'g:ia',
        'disableTimeRanges': [
        <%= @other_events.each do |e| %>
          ['<%= e.time_start.strftime("%l:%M %P") %>', '<%= e.time_end.strftime("%l:%M %P") %>'],
          <%end %>
        ]
     });
   </script>  

我正在使用这个jquery.timepicker:http://jonthornton.github.io/jquery-timepicker/

Answer 1

我建议您查看https://github.com/gazay/gon gem，它对于 Rails 来说非常棒:它在页面顶部生成一个 javascript 对象，因此您可以像使用任何变量一样在 javascript 中访问您的时间范围(每页!)。