如何控制管理多個數據選擇器中的最小值和最大值？

Question

在我的剃刀視圖中，我有一個氣泡，每個日期都顯示startdate和enddate 。 每個日期選擇器都有范圍限制（我的意思是， StartDate不能大於EndDate ）。

這是我的剃刀視圖

<h2>Configure Sixweeks</h2>

@for (int i = 0; i < Model.Count; i++) {
<div>
    <span>@Model[i].Position</span>
    @Html.TextBoxFor(model => model[i].StartDate, new { id = "from" + i })
    @Html.TextBoxFor(model => model[i].EndDate, new { id = "to" + i })
</div>
}

這很重要，我不知道指定最小值和最大值。 例如，如果我在STARTDATE中選擇2月2日，則ENDDATE中的最小值應為2月2日。這還沒有完成。

因此，我從以下站點使用該概念： http : //api.jquery.com/attribute-starts-with-selector/但它仍然無法正常工作，在以下jquery代碼中我缺少什么？

$("[id^='from']").datepicker({
    defaultDate: "+1w",
    numberOfMonths: 1,
    onClose: function(selectedDate)
    {
        $(this).next("[id^='to']").datepicker("option", "minDate", selectedDate);
    }
});

$("[id^='to']").datepicker({
    defaultDate: "+1w",
    numberOfMonths: 1,
    onClose: function (selectedDate) {
        $(this).prev("[id^='from']").datepicker("option", "maxDate", selectedDate);
    }
});

Answer 1

如果不是直接的兄弟姐妹，而是兄弟姐妹，則可以使用nextAll()查找與選擇器匹配的所有下一個兄弟姐妹，然后使用first()獲取第一個兄弟姐妹，這將是與當前日期選擇器最接近的那個兄弟姐妹，像這樣：

$("[id^='from']").datepicker({
    defaultDate: "+1w",
    numberOfMonths: 1,
    onClose: function(selectedDate)
    {
        $(this).nextAll("[id^='to']")
               .first()
               .datepicker("option", "minDate", selectedDate);
    }
});

還有一個prevAll()用於相反的方法，等等。