Datebox

Datebox example http://stackoverflow.com/questions/11072589/datebox-execute-an-alert-if-highdate-jquery-mobile

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://cdn.jtsage.com/jtsage-datebox/latest/jtsage-datebox.jqm.min.css" />
<script type="text/javascript" src="http://cdn.jtsage.com/jtsage-datebox/latest/jtsage-datebox.jqm.js"></script>

<div data-role="page">
    <div data-role="header">
        <h1>Page One1</h1>
    </div>
    <div data-role="content">
        <input name="date" id="date" data-role="datebox" data-datebox-mode="calbox">
        <div class="ui-grid-a">
                <div class="ui-block-a">
                    <label for="Product_PurchaseDate">Purchase date</label>
                </div>
                <div class="ui-block-b"><span class="field-validation-valid" data-valmsg-for="Product.PurchaseDate"></span></div>
            </div>
            <div>
                <input id="Product_PurchaseDate" data-theme="a" data-role="datebox" data-options='{"useClearButton": true, "mode": "calbox" , "overrideDateFormat": "%d.%m.%Y", "overrideCalStartDay": 1 }' data-original-value="" />
            </div>

    </div>
</div>