Fix issue of multiple date pickers attached to a single date input

[ghost]

If there is a date input within a dialog, each time the dialog is shown a new date picker is attached

[johnbender]

mattrq,

What markup is causing this issue for you? Are you manually building the date pickers with a call to datepicker?

In any case thanks for taking the time to submit this request!

[ghost]

johnbender,

I have marked an input field with type "date" which is with-in a dialog. When the dialog opened the first time it had two date picker calendars attached to the input, each time the dialog was reopened a new date picker calendar was appended. The dialog was defined in a html file along with other pages. There are no js interactions attached to this
dialog apart from the JQM and the experimental Datepicker.

The issue could be indicating that the live event is being triggered to often at JQM level however I have not reviewed the interactions at that level.

Bellow is the full markup for the dialogs definition.

<div data-role="dialog" data-theme="d" id="entry">
    <div data-role="header" data-nobackbtn="true">
        <h1 class="title">Add Entry</h1>
        <a id="save-entry" class="ui-btn-right" data-icon="check" href="#" >Save</a>
    </div><!-- /header -->
    <div data-role="content" data-theme="c">
        <form action="form.php" method="post" id="entry-form">
            <input type="hidden" name="local_id" id="local_id" value="" />
            <div data-role="fieldcontain">
                <label for="title">Title:</label>
                <input type="text" name="title" id="title" value=""/>
            </div>
            <div data-role="fieldcontain">
                <fieldset data-role="controlgroup">
                    <legend>Type:</legend>
                    <input value="Organised Learning" type="radio" name="type" id="radio-choice-1"  />
                    <label for="radio-choice-1">Organised Learning</label>
                    <input value="Personal Learning" type="radio" name="type" id="radio-choice-2"   />
                    <label for="radio-choice-2">Personal Learning</label>
                    <input value="Work Based Learning" type="radio" name="type" id="radio-choice-3"   />
                    <label for="radio-choice-3">Work Based Learning</label>
                    <input value="Other" type="radio" name="type" id="radio-choice-4" />
                    <label for="radio-choice-4">Other</label>
                </fieldset>
            </div>
            <div data-role="fieldcontain">
                <label for="start_date">Start Date:</label>
                <input required="required" type="date" name="start_date" id="start_date" value=""/>
                </div>
            <div data-role="fieldcontain">
                <label for="start_time">Start Time:</label>
                <input required="required" type="time" name="start_time" id="start_time" value=""/>
            </div>
            <div data-role="fieldcontain">
                <label for="hours">Hours:</label>
                <input required="required" type="range" name="hours" id="hours" value="0" min="0" max="8" step="0.5" />
            </div>
            <div data-role="fieldcontain">
                <label for="details">Details:</label>
                <textarea required="required" cols="40" rows="8" name="details" id="details"></textarea>
            </div>
        </form> 
    </div>
    <div data-role="footer" style="display:none">
        <div data-role="navbar">
            <ul>
                <li><a href="" id="delete" data-icon="delete">Delete</a></li>
                <li><a href="" id="duplicate" data-icon="star">Duplicate</a></li>
            </ul>
        </div>
    </div>
</div>

[johnbender]

mattrq,

Wondering if you closed this one by accident?

[ghost]

Appologies, new to the system. I realise that I must have pressed the comment and close button.

[ghost]

Found this post on the JQM Forum, Others are having the same issue
http://forum.jquery.com/topic/datepicker-in-jquery-mobile-is-duplicate-when-is-added-in-a-second-page

[johnbender]

fixed multiple date picker caused by unscoped selector, thanks to Matt Rosenquist. Closed by 37d22dd

[johnbender]

Matt,

37d22dd

I applied the above patch to fix this issue. It seemed to boil down to a dom scoped selector that needed to be narrowed to the current page that was being enhanced. Thanks for the submission we appreciate the help!