Appointment Picker Examples

Calling exposed functions

To open or set and open a time use the buttons

Time Open Set 14:30 Set 18:30 Get time

var picker2 = new AppointmentPicker(document.getElementById('time-2'), {});

document.getElementById('open-2').addEventListener('click', function() {
	picker2.open();
});

Get the current time and action via event listener

Time closed / change the time

new AppointmentPicker(document.getElementById('time-ev'), {});

document.getElementById('time-ev').addEventListener('change.appo.picker', function (e) {});
document.getElementById('time-ev').addEventListener('close.appo.picker', function (e) {});
document.getElementById('time-ev').addEventListener('open.appo.picker', function (e) {});

Destroy the picker

Time Destroy

var picker = new AppointmentPicker(document.getElementById('time-1'), {});

document.getElementById('remove-1').addEventListener('click', function() {
	picker.destroy();
});;

Copyright Jan Suwart, MIT license