Js Custom Select Demo

Example 1:

Default calendar

<script type="text/javascript">
    new jsCustomDatepicker(datePicker[i]);
</script>

Example 2:

Two inputs are interdependent

<script type="text/javascript">
    var datePicker = document.getElementById('datePickers').getElementsByClassName('datePicker');
    for (var i = 0; i < datePicker.length; i++) {
        new jsCustomDatepicker(datePicker[i], {
            onSelect: function (input, date) {
                console.log(date);
            }
        });
    }
</script>

Example 3:

Static calendar

<script type="text/javascript">
    var static = new jsCustomDatepicker(document.getElementById('datePickerStatic'), {
        between: true,
        minDate: new Date().format('dd-mm-YYYY'),
        years: {
            to: 2019,
            from: 2017,
        },
        select: {
            "max-height": 300,
            scroll: {
                draggable: true,
            }
        },
        onSelect: function (input, date) {
            document.getElementById('inputForStatic').value = date.from + ' - ' + date.to;
        }
    });
    console.log(static);
</script>