DatePickerExample

by Alex Azuero

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script src="https://rawgithub.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script>
<script src="https://rawgithub.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script>
<div data-role="page">
    <div data-role="content">
        <input id='myDatePicker' type="text" data-role="date" />
        <button id='myButton' class="ui-btn">Button</button>
    </div>
</div>

JavaScript

$(document).on('pageinit', function () {
    $('#myButton').click(function () {
        $('#myDatePicker').datepicker("show");
    });
});