跨多个字段记住jQuery UI datepicker中最后选择的月份答案

【问题标题】：Remembering the last selected month in jQuery UI datepicker across multiple fields跨多个字段记住jQuery UI datepicker中最后选择的月份
【发布时间】：2011-08-29 21:02:43
【问题描述】：

我有一个使用标准 jQuery UI 的包含多个日期选择器文本字段的页面。我想将所有空白字段的默认日期选择器日期设置为最后选择的日期或月份，因此用户不必为他们选择的每个日期选择器手动更改月份。

我尝试通过 datepicker 的 onSelect 函数将日期值存储在一个变量中，但我不确定如何绑定 defaultDate 属性，以便它使用最后选择的日期更新所有 datepicker。

以下是基本代码。同样，如果用户将日期文本字段之一设置为 2011 年 10 月 20 日，当他或她通过任何空白文本字段打开另一个日期选择器时，默认情况下，日期选择器应显示 10 月份（不是今天的当前日期）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/blitzer/jquery-ui.css" />

    <script type="text/javascript">
        $(document).ready(function() {

            $(".datepicker").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
    </script>
</head>

<body>

    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" /> <br />
    <input type="text" class="datepicker" />

</body>

</html>

【问题讨论】：

标签： jquery jquery-ui datepicker textfield

【解决方案1】：

怎么样：

$(".datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    onSelect: function(dateText, inst) {
        $(".datepicker").datepicker("option", "defaultDate", dateText);
    }
});

使用defaultDate 选项和onSelect 事件。

这是一个工作示例：http://jsfiddle.net/MXHdj/

【讨论】：