选择end_time大于start_time

时间:2013-04-05 06:47:34

标签: jquery ruby-on-rails

我在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_timeend_time)。如何验证时间,以便我只能选择大于end_time的{​​{1}}?

1 个答案:

答案 0 :(得分: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');
        }
    });
)};