[jQuery] Pb with JqModal et datepicker
Hi,
I would like to display 2 datepickers in a jqm window. The problem is when I
click on the second datepicker and I choose a date, the first datepicker
displays and I can't choose a date for the second.
This is my code :
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style/ui.datepicker.css" type="text/css" rel="stylesheet" />
<link href="style/jqModal.css" type="text/css" rel="stylesheet" />
<script type="text/javascript"
src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/javascript"
src="javascript/jquery-ui-personalized-1.5.2.min.js"></script>
<script type="text/javascript" src="javascript/jqModal.js"></script>
</head>
<body>
<div class="jqmWindow" id="jqm"></div>
<input type="button" value="TEST" onclick="TEST();">
<script type="text/javascript">
$().ready(function() {
$('#jqm').jqm({ajax: 'window.html',modal:true});
});
function TEST() {
$('#jqm').jqmShow();
}
</script>
</body>
</html>
window.html
<div class="oneFormLine">
<div class="fieldTitle">From</div>
<div class="field"><input type="text" class="calendarRange" id="jqmFrom"
size="10"></div>
</div>
<div class="oneFormLine">
<div class="fieldTitle">To</div>
<div class="field"><input type="text" class="calendarRange" id="jqmTo"
size="10"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.calendarRange').datepicker({
showOn: 'both',
buttonImage: 'images/calendar.gif',
buttonImageOnly: true,
dateFormat: "yy-mm-dd"
});
});
</script>
--
View this message in context: http://www.nabble.com/Pb-with-JqModal-et-datepicker-tp19616071s27240p19616071.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.