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.
