Schedule

The Schedule component is used to display and manage appointments with associated resources. One-time and recurring appointments can be displayed in a day, week, or month view; a month view with an agenda split view; or an agenda view.

Depedencies

Prerequisites JS with css

JQuery

Select2

Font-awesome

Bootstrap

Refer default.html file for refer depedencies.

To Run

Its a div compoenet. So, we have to create one div element in default.html where we want to render schedule component.

HTML

<div id="myComponent"></div>

JS

Initialize the component and call the schecdule.create()

var schedule = nmsScheduler({
		target: '#myComponent',
		title: 'Schedule Component',  // To set Title
		customSaveAction: 'getCronValues'  // To get gronvalues automatically when saving the cron experssion.
	});
	schedule.create();
	function getCronValues() {
		console.log(schedule.getCronValue());
		console.log(schedule.getStringValue());
	};