Jquery Datepicker内联交替输入

时间:2012-09-20 18:26:15

标签: jquery jquery-ui-datepicker

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

因此,它使用相同的内联日历来更新基本上具有两个输入的日期范围。似乎有很多资源,但没有一个涉及内联日期选择器。

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

1 个答案:

答案 0 :(得分:0)

每次选择日期时,您都可以使用onSelect事件处理程序更新datepicker的altField:

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

我会小心你如何使用它。这似乎很容易造成令人困惑的用户界面。