Star

JavaScript Inline Calendar

When the root DOM element is a DIV the javascript calendar picker will render inline.


Date: Click in the calendar to get a date



<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />

<div id='calendar'></div>

<script>
jSuites.calendar(document.getElementById('calendar'), {
    format: 'YYYY-MM-DD',
    onupdate: function(a,b) {
        document.getElementById('calendar-value').innerText = b;
    }
});
</script>
</html>