Position issue when date picker placed in JQuery tab

[mayos]

Hello,

I noticed the issue with posiitoning of date picker when in Jquery tab. Here is the screenshot:

Ho do I fix that?

Thanks in advance

[nehakadam]

Hi @mayos Sorry for late reply.

I tried to use DateTimePicker inside jQueryUI Tabs. But it worked fine.

HTML Code -

<div id="tabs">
    <ul>
        <li><a href="#datepicker-tab">Date Picker</a></li>
        <li><a href="#timepicker-tab">Time Picker</a></li>
        <li><a href="#datetimepicker-tab">DateTime Picker</a></li>
    </ul>

    <div id="datepicker-tab">
        <p>Date : </p>
        <input type="text" data-field="date" readonly>
    </div>
    <div id="timepicker-tab">
        <p>Time : </p>
        <input type="text" data-field="time" readonly>
    </div>
    <div id="datetimepicker-tab">
        <p>DateTime : </p>
        <input type="text" data-field="datetime" readonly>
    </div>
</div>

<div id="dtBox"></div>

Javascript Code -

<script type="text/javascript">
    $(document).ready(function()
    {
        $("#tabs").tabs();

        $("#dtBox").DateTimePicker(
                {
            isPopup: false
        });
    });
</script>

If this does not help to solve your issue, please paste your initialization code here or mail me on nehakadam9[at]gmail.com.