Putting a dynamic hash in JQuery using rails

Question

I am newish to rails and new to JQuery. I am using jquery.timepicker with rails and it takes hashes to block out certain time ranges in a given list of times (ie, between 8am and 6pm, 1pm-2pm is not available). On a static page, the JQuery is written as so:

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

Instead of static times, I'm trying to create the hashes based on the values @other_events.time_start and @other_events.time_end. I've tried this, but I don't really know how to combine JQuery and 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>

I am using this jquery.timepicker: http://jonthornton.github.io/jquery-timepicker/

Francesco Belladonna · Accepted Answer · 2015-03-24 22:27:02Z

1

I suggest you to check https://github.com/gazay/gon gem, it's fantastic for rails: it generates a javascript object on top of page, so you can access your time ranges (per page!) in javascript like you would do with any variable.

answered Mar 24, 2015 at 22:27

Francesco Belladonna

11.8k14 gold badges84 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

NothingToSeeHere Over a year ago

Hey, I've been trying to work with Gon and I asked another question here: stackoverflow.com/questions/29303678/… ...I'd love you're help, if you have the chance , as I can only checkmark this question if gon eventually works.

Francesco Belladonna Over a year ago

Added a rather big answer ;)

Sonalkumar sute · Accepted Answer · 2015-03-24 13:52:54Z

0

In helper.rb

def create_array(array_values)
   your logic......create your Hash or Array here
end

In your js file

<script>
    $('#someTextfieldPair .time').timepicker({
       'timeFormat': 'g:ia',
       'disableTimeRanges': $('#someTextfieldPair .time').after("#{escape_javascript create_array(@other_events)}")
   });
</script>

edited Mar 24, 2015 at 13:52

answered Mar 24, 2015 at 13:18

Sonalkumar sute

2,5402 gold badges19 silver badges29 bronze badges

Collectives™ on Stack Overflow

Putting a dynamic hash in JQuery using rails

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related