tests/dev/date.htm

<!doctype html>

<meta charset="utf-8">

<meta name="author" content="Amsul - http://amsul.ca">
<meta name="viewport" content="width=device-width">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<title>Pickadate.js</title>

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../../lib/themes/default.css">
<link rel="stylesheet" href="../../lib/themes/default.date.css">

<!--[if lt IE 9]>
    <script>document.createElement('section')</script>
    <style type="text/css">
        .holder {
            position: relative;
            z-index: 10000;
        }
        .datepicker {
            display: block;
        }
    </style>
<![endif]-->


<body>

    <section class="holder holder-top holder-clean">

        <form>
            <fieldset>
                <h3><label for="input_01">Pick a date. Go ahead...</label></h3>
                <input
                    id="input_01"
                    class="datepicker"
                    name="date"
                    type="date"
                    autofocus
                    valuee="14-08-08"
                    data-valuee="2014-08-08">
                <br><br><br><br><br>
                <button type="button">Disable all dates</button>
                <input class="button" type="submit" value="open">
            </fieldset>
        </form>

    </section>


    <script src="../jquery.1.7.0.js"></script>
    <script src="../../lib/picker.js"></script>
    <script src="../../lib/picker.date.js"></script>
    <script src="../../lib/legacy.js"></script>

    <script type="text/javascript">

        var $input = $( '.datepicker' ).pickadate({
            // format: 'yy-mm-dd',
            // formatSubmit: 'yyyy-mm-dd',
            // hiddenName: true,
            selectYears: true,
            selectMonths: true
        })

        var picker = $input.pickadate('picker')

        // $('button').on('click', function() {
        //     picker.set('disable', true);
        // });

    </script>


</body>