Time range end_time is improper

[swapnilchincholkar]

I am using this in my ROR code, I am using this to set opening and closing timings for shop. default time I show to user is 10:30 AM as start_time and 11:30 PM as end_time for 7 days, I am running a loop and in it I am setting these values in text fields, issue is when i click over end_time then I get drop down of timing from start time i.e 10:30 AM till 1:00 PM with correct diffrance with start_time, but it should show my default time 11:30 PM as end_time.

javascript is $(document).ready(function() { for(var i = 0; i < 7; i++) { $("#time_start"+i+", #time_end"+i).calendricalTimeRange(); } });

<% ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'].each_with_index do |wd, index| %> <%= text_field_tag "shop_timings_attribute[start_time][]", "08:30AM",:readonly => "readonly",:id => "time_start#{index}" %> to <%= text_field_tag "shop_timings_attribute[end_time][]", "11:30PM",:readonly => "readonly",:id => "time_end#{index}" %> <% end >

[swapnilchincholkar]

Hi I figured out the issue. In jquery.calendrical.js, in line number 101 actual code was if (match[3] && match[3].toLowerCase() == 'PM') hour += 12; I changed it to if (match[3] && match[3].toLowerCase() == 'pm') hour += 12; because at line 96, variable match is evaluated as var match = match = /(\d+)\s_[:-.,]\s_(\d+)\s*(AM|PM)?/i.exec(text); so match[3] will contain either 'AM' or 'PM' so toLowerCase() will convert it to lower case string and you was comparing it with Upper case string.