Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > UI datepicker отображение произвольной даты при за

Автор: a678aa 27.12.2013, 18:18

UI datepicker поставил на странице (jquery-ui-1.8.16.custom.min.js), погуглил, настроил под свои требования, но один вопрос так и не смог решить.

Как отобразить произвольную дату сразу при загрузке страницы?
Календарь стоит в форме регистрации для ввода дня рождения. Во всей форме - несколько полей (типо имя, email). Кликнули "зарегистрироваться", на сервере проверили данные, правильные значения подставили в свои поля, ошибочные поля - предлагаем еще раз ввести. Как в datepicker подставить уже выбранную дату при повторной загрузке страницы???

Автор: paperstreet7 8.1.2014, 01:35

В документации по jQuery UI Datepicker описаны все доступные методы, среди них и http://api.jqueryui.com/datepicker/#method-setDate. Там же и пример:

Код


$( ".selector" ).datepicker( "setDate", "10/12/2012" );

Запомнить выбранное значение можно с помощью sessionStorage.

Код


$( ".selector" ).datepicker({
    onSelect: function(dateStr){
        sessionStorage.setItem('prevDate', dateStr);
    }
});

При первой загрузке мы ничего не имеем в sessionStorage, поэтому выполнится правый операнд оператора ||.

Код


var previousDate = sessionStorage.getItem('prevDate') || "01/01/2011";
$( ".selector" ).datepicker( "setDate", previousDate);

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com/UI-datepicker-отображение-произвольной-даты-при-за-id52bd9adfae20157a358b456d#findElement_E7045_52cc8118ae2015007d563a49_0