Star

Reponsive JavaScript calendar

The fullscreen initiation setting can be used to open the calendar in fullscreen mode. The jSuites.calendar will automatically set this as true for screen width lower than 800 pixels.





Source code

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

<input id='calendar'>

<script>
jSuites.calendar(document.getElementById('calendar'), {
    fullscreen: true,
    format: 'DD/MM/YYYY HH24:MI',
    placeholder: 'DATE AND TIME',
    time: true,
});
</script>
</html>