Programmatically changes

Interacting with the calendar picker via JavaScript

| | |



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

<input id="calendar">

<script>
var CC = jSuites.calendar(document.getElementById('myCalendar'));
</script>

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