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