Jquery Date Picker：将开始日期附加到结束日期并仅显示将来的日期答案

【问题标题】：Jquery Date Picker: Append Start Date to End Date and display dates in the future onlyJquery Date Picker：将开始日期附加到结束日期并仅显示将来的日期
【发布时间】：2010-04-25 23:48:14
【问题描述】：

我正在使用 Jquery 日期选择器来获取我正在构建的应用程序的开始和结束日期。

我有两个日期选择器，一个用于开始日期，一个用于结束日期。

当有人单击开始日期选择器中的日期时，我需要将该日期自动附加到结束日期选择器中。

我还需要结束日期选择器来仅从附加到它的日期中选择未来的日期。

jquery datepicker 网站上有两个演示可以做我想做的事，但我不确定如何将它们结合起来做我想做的事。

Example One:

这个例子展示了如何打结两个日期选择器在一起，这样在一个日期中选择的日期会影响可以选择的日期其他

$(function()
{
    $('.date-pick').datePicker()
    $('#start-date').bind(
        'dpClosed',
        function(e, selectedDates)
        {
            var d = selectedDates[0];
            if (d) {
                d = new Date(d);
                $('#end-date').dpSetStartDate(d.addDays(1).asString());
            }
        }
    );
    $('#end-date').bind(
        'dpClosed',
        function(e, selectedDates)
        {
            var d = selectedDates[0];
            if (d) {
                d = new Date(d);
                $('#start-date').dpSetEndDate(d.addDays(-1).asString());
            }
        }
    );
});

Example Two:

显示内联日期选择器的示例它们链接在一起并触发彼此的行为...

$(function()
{
    $('#date-view1')
        .datePicker({inline:true})
        .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                $('#date1').val(selectedDate.asString());
                $('#date-view2, #date-view3').dpSetSelected(selectedDate.addDays(3).asString());
            }
        );
    $('#date-view2')
        .datePicker({inline:true})
        .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                $('#date2').val(selectedDate.asString());
            }
        );
    $('#date-view3').datePicker();
    $('#form-check')
        .bind(
            'click',
            function()
            {
                alert('date1=' + $('#date1').val() + '\n' + 'date2=' + $('#date2').val());
            }
        );
});

我已经尝试了上面列出的代码的许多组合，但我无法得到想要的结果。

感谢您的帮助，

提姆

【问题讨论】：

不清楚“当有人单击开始日期选择器中的日期时，我需要将该日期自动附加到结束日期选择器中”的含义。
抱歉，如果不清楚。我希望在开始日期中选择的日期也插入到结束日期选择器中。然后还要确保结束日期选择器不能选择开始日期选择器之前的日期。

标签： jquery datepicker

【解决方案1】：

在这里试试这个，选择开始日期将在开始日期输入中附加任何值并将结束日期设置为开始日期：

$('#start-date').bind('dpClosed', function(e, selectedDates) {
    var d = selectedDates[0];
    if (d) {
   d = new Date(d);
   $('#end-date').dpSetStartDate(d.addDays(1).asString()).dpSetSelected(d.asString()).val($(this).val());
  }
 });

【讨论】：