CODEWITHSUNDEEP
javascriptjqueryjquery-uijquery-ui-datepicker
yamsalm
yamsalm

Reputation: 168

jquery UI 1.9 Datepicker show empty div when moving between picker

jquery ui 1.9 rc with jquery 1.8

i got 2 datepicker on the page when i press on one it worked but when i press the other one it showes a blank small div instead of thr date picker pressing anywhere on the page will release and the calender will Show

is it a jquery ui bug or I'm doing something wrong?

<input type="text" id="datepicker">
<input type="text" id="datepicker2">
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.8.0.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.datepicker.js"></script>
<script>
$(function() {
    $( "#datepicker" ).datepicker();
    $( "#datepicker2" ).datepicker();
});
</script>

Upvotes: 0

Views: 1634

Answers (2)

abahet
abahet

Reputation: 10623

Add this css to your page to hide the div ui-datepicker-div : 

<!--  datepicker  -->
<style>
    #ui-datepicker-div {
        display: none;
    }
</style>

Upvotes: 1

Paul
Paul

Reputation: 11

Try creating datepicker2 before datepicker. If datepicker2 works and datepicker doesn't you can proceed to debug from there.

Upvotes: 1

Related Questions