Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   UI datepicker отображение произвольной даты при загрузке (https://javascript.ru/forum/jquery/43944-ui-datepicker-otobrazhenie-proizvolnojj-daty-pri-zagruzke.html)

al456 27.12.2013 15:33

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

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

ksa 27.12.2013 15:41

Цитата:

Сообщение от al456
Как в datepicker подставить уже выбранную дату при повторной загрузке страницы?

Серверный язык есть?

al456 27.12.2013 16:05

Конечно есть - PHP, могу страницу по любому сформировать. Не понимаю, что написать для datepicker , чтоб сразу отображал дату при загрузке страницы

ksa 28.12.2013 14:58

Цитата:

Сообщение от al456
Конечно есть - PHP

Тогда те данные можно брать из того же реквеста...

al456 30.12.2013 02:10

HELP, Запутался совсем.

<input type="text" name="birthday"  id="datepicker" value="2010-01-01" />

	<script>
		$(function() {
			$( "#datepicker" ).datepicker({
				changeMonth: true,
				changeYear: true,
				yearRange: '1950:2015', // косячек, пока не актуально
				firstDay: 1,

			});
			$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

		});
	</script>


Сейчас при открытии страницы в input пусто. Как получить отображение даты 2010-01-01 (поставил для примера) при загрузке страницы, потом по клику на этом инпуте выскакивает календарь...

Выложил демку http://s123.vv.si/temp/datepicker/ там-же и ссылка на мои исходники.

Подскажите - куда копать, как задобрить гугла, чтоб поведал этот секрет

рони 30.12.2013 03:05

al456,
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HELP datepicker</title>
	<script src="http://s123.vv.si/temp/datepicker/js/jquery-1.7.1.min.js"></script>
	<script src="http://s123.vv.si/temp/datepicker/js/ui/jquery-ui-1.8.16.custom.min.js"></script>
	<link rel="stylesheet" type="text/css" href="http://s123.vv.si/temp/datepicker/js/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
</head>

	<body style="padding:30px">

	<input type="text" name="birthday"  id="datepicker" value="2010-01-01" />

	<script>
		$(function() {
		    var val = $("#datepicker" ).val()
		  	$( "#datepicker" ).datepicker({
				changeMonth: true,
				changeYear: true,
				yearRange: '1950:2015', // косячек, пока не актуально
				firstDay: 1
			});
			$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
            $( "#datepicker" ).datepicker("setDate", val);
            //$("#datepicker" ).val(val)  или так
		});
	</script>

	<hr>
	Непонимаю, не гуглиться совсем(((. <br>
	Как получить при открытии страницы отображение cтартовой даты в<br>
	< input type="text" name="birthday"  id="datepicker" value="2010-01-01" / > <br>

	</body>
</html>

al456 30.12.2013 03:37

СУПЕР! Все гениальное - ПРОСТО!
Большое спасибо за Реальный ответ!


Часовой пояс GMT +3, время: 00:08.