JavaScript calendar
Using the validRange property to prevent a date outside the valid range.
Example
One of the valid range properties can be left blank to define a range from a certain date or up to a specific date.
<html>
<script src="https://jsuites.net/v4/jsuites.js"></script>
<link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" />
<input id='calendar' />
<script>
// Create the calendar
jSuites.calendar(document.getElementById('calendar'), {
time: true,
format: 'DD/MM/YYYY HH24:MI',
placeholder: 'DD/MM/YYYY HH24:MI',
readonly: false,
// Define the valid range of dates
validRange: [ '2024-06-01', '2026-06-01' ]
});
</script>
</html>