選擇大於start_time的end_time

Question

我在Rails應用程序中使用jQuery來顯示來自助手（我沒有使用Datepicker）的開始時間和結束時間。

在我的形式：

.field 
    = f.label :start_time 
    = f.select :start_time, options_for_select([""] + start_time, "#{f.object.start_time.strip}")  
    .span#end_time 
     .field 
     = f.label :end_time 
     = f.select :end_time, options_for_select([""] + end_time, "#{f.object.end_time.strip}") 

的時間列表來自幫手（即start_time和end_time）。我如何驗證時間，以便我只能選擇比start_time大的end_time？

Answer 1

您可以禁用選項http://www.w3schools.com/tags/att_option_disabled.asp。

我會使用JavaScript來運行「end_time」數組選擇選項並禁用任何小於「start_time」的選項。

像這樣的東西（id和東西將需要進行修改）：

$("#start_time").change(function() { 
    // Get start time 
    var start_time = $("#start_time").find(":selected").text(); 

    // Iterate through end time options 
    $("#end_time option").each(function() { 
     var end_time = $(this).text(); 
     // Depending on how end_time and start_time are formatted you may need to do some conversion here 
     if (start_time > end_time) { 
      $(this).attr('disabled','disabled'); 
     } 
    }); 
)};