I want syntax get a day when I click to daypilot-navigator in angularjs:
<article>
<div style="float:left; width:160px">
<daypilot
- navigator id="navigator" daypilot-config="navigatorConfig" daypilot-events="events"></daypilot-navigator>
</div>
<div style="margin-left: 160px">
<!-- <daypilot-calendar id="calendar" daypilot-config="calendarConfig" daypilot-events="events" ></daypilot-calendar> -->
<daypilot
- month id="calendar" daypilot-config="config" daypilot-events="events" ></daypilot-month>
</div>
(function() {
'use strict';
angular
.module('utrackerApp')
.controller('CalendarController', CalendarController);
CalendarController.$inject = ['Auth', 'Principal','$timeout','$scope'];
function CalendarController (Auth, Principal,$timeout,$scope) {
var vm = this;
$scope.navigatorConfig = {
selectMode: "week",
showMonths: 1,
skipMonths: 1,
};
DayPilot.Locale.register(
new DayPilot.Locale('en-us',
{
'dayNames':['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
'dayNamesShort':['Su','Mo','Tu','We','Th','Fr','Sa'],
'monthNames':['January','February','March','April','May','June','July','August','September','October','November','December'],
'monthNamesShort':['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
'timePattern':'h:mm tt',
'datePattern':'M/d/yyyy',
'dateTimePattern':'M/d/yyyy h:mm tt',
'timeFormat':'Clock12Hours',
'weekStarts':0
}
));
$scope.calendarConfig = {
};
$scope.config = {
startDate: "2018-09-01"
}
$scope.events = [
{
start: new DayPilot.Date("2018-09-01T10:00:00"),
end: new DayPilot.Date("2018-09-01T14:00:00"),
id: DayPilot.guid(),
text: "First Event"
}
];
}
})();