У меня возникают проблемы при попытке установить дату по умолчанию в датчике пользовательского интерфейса JQuery Mobile.
Может кто-нибудь помочь?
Вот полный исходный код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<title>jQuery Mobile Framework - Datepicker</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" />
<script>
//reset type=date inputs to text
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = true;
});
</script>
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var queryDate = new Date();
queryDate.setFullYear(2009,11,01);
$('#date').datepicker({defaultDate: queryDate});
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>jQuery UI's Datepicker Styled for mobile</h1>
</div>
<div data-role="content">
<p>The included files extend the jQuery UI datepicker to make it suitable for touch devices. This plugin is not included in jQuery Mobile by default, so you'll need to include the files yourself if you'd like to use them. Scroll down for usage instructions.</p>
<form action="#" method="get">
<div data-role="fieldcontain">
<label for="date">Date Input:</label>
<input type="date" name="date" id="date" value="" />
</div>
</form>
<h2>Usage Instructions</h2>
<p>The datepicker auto-generates from a regular <code>input</code> element with a <code>type="date"</code> attribute.</p>
<pre><code>
<label for="date">Date Input:</label>
<input type="date" name="date" id="date" value="" />
Мы рекомендуем обернуть метку и ввод в поле fieldcontain div для целей презентации, и эти элементы должны быть помещены в элемент form для доступности браузера C-Grade.
Примечание: Этот плагин по умолчанию не включен в jQuery Mobile, поэтому для его использования вам нужно будет включить следующие файлы:
<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" />
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>
Вы также захотите настроить плагин страницы для конвертацииЭлементы ввода «date» для «текстовых» входов после того, как они были улучшены с помощью нашего средства выбора даты, так что ни один собственный инструмент выбора даты не будет конфликтовать с пользовательским, который мы добавляем.Чтобы сделать это, привяжите к событию «mobileinit» и установите типы ввода «date» обратно в текст, используя опции плагина страницы:
<script>
//reset type=date inputs to text
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = true;
});
</script>
Обязательно поместите эту привязку события в скрипт, который загружается послеJQuery, но до того, как jQuery Mobile.Проверьте источник этой страницы для примера.
Спасибо