我遇到了一个由前一个家伙创建的旧项目。他在MVC .shtml模板中具有这组代码,允许用户选择一个时隙。现在,我必须将2个选择列表组合为一个选择列表。
@{ DateTime from = ViewBag.From, to = ViewBag.To;}
<label>Time slots</label>
@while (from.Date <= to.Date)
{
var guid = Guid.NewGuid();
<div id="@guid" class="timeslot-subcontainer">
<div style="display:inline-block;" class="@guid slot-date" iso-date-val="@from.ToString("dd/MM/yyyy")">@from.ToString("dd/MM/yyyy")</div>:
<div style="display:inline-block;">
<select class="form-control @guid slot-from">
<option value="8">08:00</option>
<option value="9">09:00</option>
<option value="10">10:00</option>
<option value="11">11:00</option>
<option value="12">12:00</option>
<option value="13">13:00</option>
<option value="14">14:00</option>
<option value="15">15:00</option>
<option value="16">16:00</option>
<option value="17">17:00</option>
<option value="18">18:00</option>
<option value="19">19:00</option>
<option value="20">20:00</option>
</select>
</div>
<div style="display:inline-block;">
<select class="form-control @guid slot-to">
<option value="8">08:00</option>
<option value="9">09:00</option>
<option value="10">10:00</option>
<option value="11">11:00</option>
<option value="12">12:00</option>
<option value="13">13:00</option>
<option value="14">14:00</option>
<option value="15">15:00</option>
<option value="16">16:00</option>
<option value="17">17:00</option>
<option value="18">18:00</option>
<option value="19">19:00</option>
<option value="20">20:00</option>
</select>
</div>
@{from = from.AddDays(1);}
</div>
}
我想将它们合并到一定的时间范围内,例如<option value="">8:00-10:00</option>
,这样我就可以同时获得slot-from和slot-to的值