pickadate

by Fairlight

HTML

<script src="pickadate"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jq-console/2.7.7/jqconsole.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.6.4/picker.js"></script>
<script src="http://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.date.js"></script>
<link rel="stylesheet" href="http://amsul.ca/pickadate.js/vendor/pickadate/lib/themes/default.css">
<script src="http://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.time.js"></script>
<link rel="stylesheet" href="http://amsul.ca/pickadate.js/vendor/pickadate/lib/themes/default.time.css">
<link rel="stylesheet" href="http://amsul.ca/pickadate.js/vendor/pickadate/lib/themes/default.time.css">
<input type="text" id="date">

JavaScript

$(function () {
                //デートピッカー用スクリプト
                $("#date").pickadate({
                    onOpen: function () {
                        console.log('Opened up!')
                    },
                    onClose: function () {
                        console.log('Closed now')
                    },
                    onRender: function () {
                        console.log('Just rendered anew')
                    },
                    onStart: function () {
                        console.log('Hello there :)')
                    },
                    onStop: function () {
                        console.log('See ya')
                    },
                    onSet: function (thingSet) {
                        console.log('Set stuff:', thingSet)
                    }
                });
                //タイムピッカー用スクリプト
                $("#starttime").pickatime();
                //タイムピッカー用スクリプト
                $("#endtime").pickatime();

                $('#date').pickadate({
                    onOpen: function () {
                        console.log('Opened up!')
                    }
                });
            });