Programmatically changes

There are many methods available to programatically interect with the calendar plugin, a few examples below.





<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>
var CC = jSuites.calendar(document.getElementById('calendar'));
</script>

<input type='button' value='Open the calendar' class='jbutton dark' onclick="CC.open()"> |
<input type='button' value='Close the calendar' class='jbutton dark' onclick="CC.close()"> |
<input type='button' value='Set value' class='jbutton dark' onclick="CC.setValue('2020-01-01')"> |
<input type='button' value='Reset value' class='jbutton dark' onclick="CC.reset()">
</html>

A list of all methods can be in the calendar quick reference.