Запоминание последнего выбранного месяца в jQuery UI datepicker для нескольких полей - PullRequest
4 голосов
/ 20 мая 2011

У меня есть страница с несколькими текстовыми полями для выбора даты с использованием стандартного пользовательского интерфейса jQuery. Я хотел бы установить дату выбора даты по умолчанию на последний выбранный день или месяц для всех пустых полей, чтобы пользователю не приходилось вручную менять месяц для каждого выбора даты.

Я пытался сохранить значение даты в переменной с помощью функции onSelect средства выбора даты, но не уверен, как связать свойство defaultDate, чтобы оно обновляло все средства выбора даты независимо от того, какая дата была выбрана последней.

Ниже приведен основной код. Опять же, если пользователь устанавливает одно из текстовых полей даты на 20.10.2011, когда он или она открывает другой указатель даты через любое из пустых текстовых полей, средство выбора даты по умолчанию должно отображать октябрь (а не текущую текущую дату).

<!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>

1 Ответ

3 голосов
/ 20 мая 2011

Как насчет:

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

Использование опции defaultDate и события onSelect.

Вот рабочий пример: http://jsfiddle.net/MXHdj/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...