带有交替输入的Jquery Datepicker内联

Question

我正在尝试设置一个内联 DatePicker，它将在选择时更新 #StartDate altField，然后在下一次选择时更新 #EndDate altField。

因此，它使用相同的内联日历来更新本质上是具有两个输入的日期范围。这方面似乎有很多资源，但没有一个与内联日期选择器有关。

我正在努力更新第二个 altField。每个选择只会更新第一个 altField。

Answer 1

您可以使用 onSelect 事件处理程序在每次选择日期时更新日期选择器的 altField：

        $( "#datepicker" ).datepicker({
            inline:true,
            altField: "#startDate",
            onSelect: function(date, ui){
                ui.settings.altField = (ui.settings.altField=="#startDate") ? "#endDate" : "#startDate";
            }
        });

不过，我会小心你如何使用它。这似乎很容易使用户界面混乱。