Search results

Perform CRUD Actions Dynamically in Vue Schedule component

CRUD actions can be manually performed on appointments using addEvent, saveEvent and deleteEvent methods as shown below.

Normal event

Source
Preview
app.vue
datasource.js
<template>
    <div>
        <div id='app'>
            <div id='container'>
                <tr>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onAdd'>Add</ejs-button>
                        </div>
                    </td>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onSave'>Edit</ejs-button>
                        </div>
                    </td>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onDelete'>Delete</ejs-button>
                        </div>
                    </td>
                </tr><br>
                <ejs-schedule id='Schedule' width='100%' height='485px' :eventSettings='eventSettings' :selectedDate='selectedDate'>
                    <e-views>
                        <e-view option='Day'></e-view>
                        <e-view option='Week'></e-view>
                        <e-view option='WorkWeek'></e-view>
                        <e-view option='Month'></e-view>
                    </e-views>
                </ejs-schedule>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { extend } from '@syncfusion/ej2-base';
    import { SchedulePlugin, Day, Week, WorkWeek, Month } from '@syncfusion/ej2-vue-schedule';
    import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
    Vue.use(ButtonPlugin);
    Vue.use(SchedulePlugin);
    export default {
        data () {
            return {
                eventSettings: {
                    dataSource:  [{
                            Id: 3,
                            Subject: 'Testing',
                            StartTime: new Date(2018, 1, 11, 9, 0),
                            EndTime: new Date(2018, 1, 11, 10, 0),
                            IsAllDay: false
                        },{
                            Id: 4,
                            Subject: 'Vacation',
                            StartTime: new Date(2018, 1, 13, 9, 0),
                            EndTime: new Date(2018, 1, 13, 10, 0),
                            IsAllDay: false
                    }]
                },
                selectedDate: new Date(2018, 1, 15)
            }
        },
        provide: {
            schedule: [Day, Week, WorkWeek, Month]
        },
        methods: {
            onSave: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let eventData = {
                    Id: 3,
                    Subject: 'Testing-edited',
                    StartTime: new Date(2018, 1, 11, 10, 0),
                    EndTime: new Date(2018, 1, 11, 11, 0),
                    IsAllDay: false
                };
                scheduleObj.saveEvent(eventData);
            },
            onAdd: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let Data = [{
                    Id: 1,
                    Subject: 'Conference',
                    StartTime: new Date(2018, 1, 12, 9, 0),
                    EndTime: new Date(2018, 1, 12, 10, 0),
                    IsAllDay: false
                },{
                    Id: 2,
                    Subject: 'Meeting',
                    StartTime: new Date(2018, 1, 15, 10, 0),
                    EndTime: new Date(2018, 1, 15, 11, 30),
                    IsAllDay: false
                }];
                scheduleObj.addEvent(Data);
            },
            onDelete: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                scheduleObj.deleteEvent(4);
            }
        }
    }
</script>
<style>
  @import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-navigations/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-popups/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.scheduleData = [
        {
            Id: 1,
            Subject: 'Explosion of Betelgeuse Star',
            StartTime: new Date(2018, 1, 11, 9, 30),
            EndTime: new Date(2018, 1, 11, 11, 0),
            CategoryColor: '#1aaa55'
        }, {
            Id: 2,
            Subject: 'Thule Air Crash Report',
            StartTime: new Date(2018, 1, 12, 12, 0),
            EndTime: new Date(2018, 1, 12, 14, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 3,
            Subject: 'Blue Moon Eclipse',
            StartTime: new Date(2018, 1, 13, 9, 30),
            EndTime: new Date(2018, 1, 13, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 4,
            Subject: 'Meteor Showers in 2018',
            StartTime: new Date(2018, 1, 14, 13, 0),
            EndTime: new Date(2018, 1, 14, 14, 30),
            CategoryColor: '#ea7a57'
        }, {
            Id: 5,
            Subject: 'Milky Way as Melting pot',
            StartTime: new Date(2018, 1, 15, 12, 0),
            EndTime: new Date(2018, 1, 15, 14, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 6,
            Subject: 'Mysteries of Bermuda Triangle',
            StartTime: new Date(2018, 1, 15, 9, 30),
            EndTime: new Date(2018, 1, 15, 11, 0),
            CategoryColor: '#f57f17'
        }, {
            Id: 7,
            Subject: 'Glaciers and Snowflakes',
            StartTime: new Date(2018, 1, 16, 11, 0),
            EndTime: new Date(2018, 1, 16, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 8,
            Subject: 'Life on Mars',
            StartTime: new Date(2018, 1, 17, 9, 0),
            EndTime: new Date(2018, 1, 17, 10, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 9,
            Subject: 'Alien Civilization',
            StartTime: new Date(2018, 1, 19, 11, 0),
            EndTime: new Date(2018, 1, 19, 13, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 10,
            Subject: 'Wildlife Galleries',
            StartTime: new Date(2018, 1, 21, 11, 0),
            EndTime: new Date(2018, 1, 21, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 11,
            Subject: 'Best Photography 2018',
            StartTime: new Date(2018, 1, 22, 9, 30),
            EndTime: new Date(2018, 1, 22, 11, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 12,
            Subject: 'Smarter Puppies',
            StartTime: new Date(2018, 1, 9, 10, 0),
            EndTime: new Date(2018, 1, 9, 11, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 13,
            Subject: 'Myths of Andromeda Galaxy',
            StartTime: new Date(2018, 1, 7, 10, 30),
            EndTime: new Date(2018, 1, 7, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 14,
            Subject: 'Aliens vs Humans',
            StartTime: new Date(2018, 1, 5, 10, 0),
            EndTime: new Date(2018, 1, 5, 11, 30),
            CategoryColor: '#357cd2'
        }, {
            Id: 15,
            Subject: 'Facts of Humming Birds',
            StartTime: new Date(2018, 1, 20, 9, 30),
            EndTime: new Date(2018, 1, 20, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 16,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 23, 11, 0),
            EndTime: new Date(2018, 1, 23, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 17,
            Subject: 'The Cycle of Seasons',
            StartTime: new Date(2018, 1, 12, 5, 30),
            EndTime: new Date(2018, 1, 12, 7, 30),
            CategoryColor: '#00bdae'
        }, {
            Id: 18,
            Subject: 'Space Galaxies and Planets',
            StartTime: new Date(2018, 1, 12, 17, 0),
            EndTime: new Date(2018, 1, 12, 18, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 19,
            Subject: 'Lifecycle of Bumblebee',
            StartTime: new Date(2018, 1, 15, 6, 0),
            EndTime: new Date(2018, 1, 15, 7, 30),
            CategoryColor: '#7fa900'
        }, {
            Id: 20,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 15, 16, 0),
            EndTime: new Date(2018, 1, 15, 18, 0),
            CategoryColor: '#ea7a57'
        }
    ];

    exports.resourceData = [
        {
            Id: 1,
            Subject: 'Workflow Analysis',
            StartTime: new Date(2018, 3, 1, 9, 30),
            EndTime: new Date(2018, 3, 1, 12, 0),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 2,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 1, 12, 30),
            EndTime: new Date(2018, 3, 1, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 3,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 2, 10, 0),
            EndTime: new Date(2018, 3, 2, 12, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 4,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 2, 13, 0),
            EndTime: new Date(2018, 3, 2, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 5,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 3, 9, 0),
            EndTime: new Date(2018, 3, 3, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 6,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 3, 14, 0),
            EndTime: new Date(2018, 3, 3, 16, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 7,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 4, 11, 15),
            EndTime: new Date(2018, 3, 4, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 8,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 4, 9, 15),
            EndTime: new Date(2018, 3, 4, 11, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 9,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 5, 9, 30),
            EndTime: new Date(2018, 3, 5, 12, 45),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 10,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 5, 13, 45),
            EndTime: new Date(2018, 3, 5, 16, 30),
            IsAllDay: false,
            OwnerId: 2
        }, {
            Id: 11,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 6, 10, 0),
            EndTime: new Date(2018, 3, 6, 12, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 12,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 6, 9, 0),
            EndTime: new Date(2018, 3, 6, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 13,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 7, 13, 0),
            EndTime: new Date(2018, 3, 7, 15, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 14,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 7, 9),
            EndTime: new Date(2018, 3, 7, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 15,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 8, 9, 45),
            EndTime: new Date(2018, 3, 8, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 16,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 8, 10, 30),
            EndTime: new Date(2018, 3, 8, 13, 0),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 17,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 9, 12),
            EndTime: new Date(2018, 3, 9, 15, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 18,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 9, 9, 0),
            EndTime: new Date(2018, 3, 9, 11, 15),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 19,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 10, 10, 10),
            EndTime: new Date(2018, 3, 10, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 20,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 10, 10, 30),
            EndTime: new Date(2018, 3, 10, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 21,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 11, 9, 30),
            EndTime: new Date(2018, 3, 11, 11, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 22,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 11, 12, 30),
            EndTime: new Date(2018, 3, 11, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 23,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 12, 10),
            EndTime: new Date(2018, 3, 12, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 24,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 12, 13),
            EndTime: new Date(2018, 3, 12, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 25,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 13, 9),
            EndTime: new Date(2018, 3, 13, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 26,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 13, 14),
            EndTime: new Date(2018, 3, 13, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 27,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 14, 11),
            EndTime: new Date(2018, 3, 14, 13),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 28,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 14, 9),
            EndTime: new Date(2018, 3, 14, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 29,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 15, 9, 30),
            EndTime: new Date(2018, 3, 15, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 30,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 15, 14),
            EndTime: new Date(2018, 3, 15, 16, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 31,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 16, 10),
            EndTime: new Date(2018, 3, 16, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 32,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 16, 9),
            EndTime: new Date(2018, 3, 16, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 33,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 17, 14),
            EndTime: new Date(2018, 3, 17, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 34,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 17, 9),
            EndTime: new Date(2018, 3, 17, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 35,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 36,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 37,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 9, 10),
            EndTime: new Date(2018, 3, 9, 10, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 38,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 19, 9),
            EndTime: new Date(2018, 3, 19, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 39,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 20, 10),
            EndTime: new Date(2018, 3, 20, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 40,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 20, 10, 30),
            EndTime: new Date(2018, 3, 20, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 41,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 21, 9, 30),
            EndTime: new Date(2018, 3, 21, 11, 30),
            IsAllDay: false,
            OwnerId: 1,RoomId: 1
        }, {
            Id: 42,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 21, 12, 30),
            EndTime: new Date(2018, 3, 21, 13, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 43,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 22, 10),
            EndTime: new Date(2018, 3, 22, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 44,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 22, 13),
            EndTime: new Date(2018, 3, 22, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 45,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 23, 9),
            EndTime: new Date(2018, 3, 23, 10),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 46,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 23, 14),
            EndTime: new Date(2018, 3, 23, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 47,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 24, 11),
            EndTime: new Date(2018, 3, 24, 12),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 48,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 24, 9),
            EndTime: new Date(2018, 3, 24, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 49,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 25, 9, 30),
            EndTime: new Date(2018, 3, 25, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 50,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 25, 14),
            EndTime: new Date(2018, 3, 25, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 51,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 26, 10),
            EndTime: new Date(2018, 3, 26, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 52,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 26, 9),
            EndTime: new Date(2018, 3, 26, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 53,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 27, 14),
            EndTime: new Date(2018, 3, 27, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 54,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 27, 9),
            EndTime: new Date(2018, 3, 27, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 55,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 56,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 57,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 29, 12),
            EndTime: new Date(2018, 3, 29, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 58,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 29, 9),
            EndTime: new Date(2018, 3, 29, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 59,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 30, 10),
            EndTime: new Date(2018, 3, 30, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 60,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 30, 10, 30),
            EndTime: new Date(2018, 3, 30, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }
    ];
});

Recurrence event

Source
Preview
app.vue
datasource.js
<template>
    <div>
        <div id='app'>
            <div id='container'>
                <tr>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onAdd'>Add</ejs-button>
                        </div>
                    </td>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onSave'>Edit</ejs-button>
                        </div>
                    </td>
                    <td>
                        <div>
                            <ejs-button v-on:click.native='onDelete'>Delete</ejs-button>
                        </div>
                    </td>
                </tr><br>
                <ejs-schedule id='Schedule' width='100%' height='485px' :eventSettings='eventSettings' :selectedDate='selectedDate'>
                    <e-views>
                        <e-view option='Day'></e-view>
                        <e-view option='Week'></e-view>
                        <e-view option='WorkWeek'></e-view>
                        <e-view option='Month'></e-view>
                    </e-views>
                </ejs-schedule>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { extend } from '@syncfusion/ej2-base';
    import { SchedulePlugin, Day, Week, WorkWeek, Month } from '@syncfusion/ej2-vue-schedule';
    import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
    Vue.use(ButtonPlugin);
    Vue.use(SchedulePlugin);
    export default {
        data () {
            return {
                eventSettings: {
                    dataSource: [{
                        Id: 3,
                        Subject: 'Testing',
                        StartTime: new Date(2018, 1, 11, 9, 0),
                        EndTime: new Date(2018, 1, 11, 10, 0),
                        IsAllDay: false,
                        RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=3',
                    },{
                        Id: 4,
                        Subject: 'Vacation',
                        StartTime: new Date(2018, 1, 12, 11, 0),
                        EndTime: new Date(2018, 1, 12, 12, 0),
                        IsAllDay: false,
                        RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=2',
                    }]
                },
                selectedDate: new Date(2018, 1, 15),
            }
        },
        provide: {
            schedule: [Day, Week, WorkWeek, Month]
        },
        methods: {
            onSave: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let eventData = {
                    Id: 3,
                    Subject: 'Testing-edited',
                    StartTime: new Date(2018, 1, 11, 10, 0),
                    EndTime: new Date(2018, 1, 11, 11, 0),
                    IsAllDay: false,
                    RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=3',
                };
                scheduleObj.saveEvent(eventData,'EditOccurrence');
            },
            onAdd: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let Data = [{
                    Id: 1,
                    Subject: 'Conference',
                    StartTime: new Date(2018, 1, 15, 9, 0),
                    EndTime: new Date(2018, 1, 15, 10, 0),
                    IsAllDay: false,
                    RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=2',
                }];
                scheduleObj.addEvent(Data);
            },
            onDelete: function () {
                let scheduleObj = document.getElementById('Schedule').ej2_instances[0];
                let scheduleData = [{
                    Id: 4,
                    Subject: 'Vacation',
                    RecurrenceID: 4,
                    StartTime: new Date(2018, 1, 12, 11, 0),
                    EndTime: new Date(2018, 1, 12, 12, 0),
                    IsAllDay: false,
                    RecurrenceRule: 'FREQ=DAILY;INTERVAL=1;COUNT=2',
                }];
                scheduleObj.deleteEvent(scheduleData,'DeleteSeries');
            },
        }
    }
</script>
<style>
  @import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-buttons/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-calendars/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-dropdowns/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-navigations/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-popups/styles/material.css';
  @import '../../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.scheduleData = [
        {
            Id: 1,
            Subject: 'Explosion of Betelgeuse Star',
            StartTime: new Date(2018, 1, 11, 9, 30),
            EndTime: new Date(2018, 1, 11, 11, 0),
            CategoryColor: '#1aaa55'
        }, {
            Id: 2,
            Subject: 'Thule Air Crash Report',
            StartTime: new Date(2018, 1, 12, 12, 0),
            EndTime: new Date(2018, 1, 12, 14, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 3,
            Subject: 'Blue Moon Eclipse',
            StartTime: new Date(2018, 1, 13, 9, 30),
            EndTime: new Date(2018, 1, 13, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 4,
            Subject: 'Meteor Showers in 2018',
            StartTime: new Date(2018, 1, 14, 13, 0),
            EndTime: new Date(2018, 1, 14, 14, 30),
            CategoryColor: '#ea7a57'
        }, {
            Id: 5,
            Subject: 'Milky Way as Melting pot',
            StartTime: new Date(2018, 1, 15, 12, 0),
            EndTime: new Date(2018, 1, 15, 14, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 6,
            Subject: 'Mysteries of Bermuda Triangle',
            StartTime: new Date(2018, 1, 15, 9, 30),
            EndTime: new Date(2018, 1, 15, 11, 0),
            CategoryColor: '#f57f17'
        }, {
            Id: 7,
            Subject: 'Glaciers and Snowflakes',
            StartTime: new Date(2018, 1, 16, 11, 0),
            EndTime: new Date(2018, 1, 16, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 8,
            Subject: 'Life on Mars',
            StartTime: new Date(2018, 1, 17, 9, 0),
            EndTime: new Date(2018, 1, 17, 10, 0),
            CategoryColor: '#357cd2'
        }, {
            Id: 9,
            Subject: 'Alien Civilization',
            StartTime: new Date(2018, 1, 19, 11, 0),
            EndTime: new Date(2018, 1, 19, 13, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 10,
            Subject: 'Wildlife Galleries',
            StartTime: new Date(2018, 1, 21, 11, 0),
            EndTime: new Date(2018, 1, 21, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 11,
            Subject: 'Best Photography 2018',
            StartTime: new Date(2018, 1, 22, 9, 30),
            EndTime: new Date(2018, 1, 22, 11, 0),
            CategoryColor: '#00bdae'
        }, {
            Id: 12,
            Subject: 'Smarter Puppies',
            StartTime: new Date(2018, 1, 9, 10, 0),
            EndTime: new Date(2018, 1, 9, 11, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 13,
            Subject: 'Myths of Andromeda Galaxy',
            StartTime: new Date(2018, 1, 7, 10, 30),
            EndTime: new Date(2018, 1, 7, 12, 30),
            CategoryColor: '#1aaa55'
        }, {
            Id: 14,
            Subject: 'Aliens vs Humans',
            StartTime: new Date(2018, 1, 5, 10, 0),
            EndTime: new Date(2018, 1, 5, 11, 30),
            CategoryColor: '#357cd2'
        }, {
            Id: 15,
            Subject: 'Facts of Humming Birds',
            StartTime: new Date(2018, 1, 20, 9, 30),
            EndTime: new Date(2018, 1, 20, 11, 0),
            CategoryColor: '#7fa900'
        }, {
            Id: 16,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 23, 11, 0),
            EndTime: new Date(2018, 1, 23, 13, 0),
            CategoryColor: '#ea7a57'
        }, {
            Id: 17,
            Subject: 'The Cycle of Seasons',
            StartTime: new Date(2018, 1, 12, 5, 30),
            EndTime: new Date(2018, 1, 12, 7, 30),
            CategoryColor: '#00bdae'
        }, {
            Id: 18,
            Subject: 'Space Galaxies and Planets',
            StartTime: new Date(2018, 1, 12, 17, 0),
            EndTime: new Date(2018, 1, 12, 18, 30),
            CategoryColor: '#f57f17'
        }, {
            Id: 19,
            Subject: 'Lifecycle of Bumblebee',
            StartTime: new Date(2018, 1, 15, 6, 0),
            EndTime: new Date(2018, 1, 15, 7, 30),
            CategoryColor: '#7fa900'
        }, {
            Id: 20,
            Subject: 'Sky Gazers',
            StartTime: new Date(2018, 1, 15, 16, 0),
            EndTime: new Date(2018, 1, 15, 18, 0),
            CategoryColor: '#ea7a57'
        }
    ];

    exports.resourceData = [
        {
            Id: 1,
            Subject: 'Workflow Analysis',
            StartTime: new Date(2018, 3, 1, 9, 30),
            EndTime: new Date(2018, 3, 1, 12, 0),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 2,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 1, 12, 30),
            EndTime: new Date(2018, 3, 1, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 3,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 2, 10, 0),
            EndTime: new Date(2018, 3, 2, 12, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 4,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 2, 13, 0),
            EndTime: new Date(2018, 3, 2, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 5,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 3, 9, 0),
            EndTime: new Date(2018, 3, 3, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 6,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 3, 14, 0),
            EndTime: new Date(2018, 3, 3, 16, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 7,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 4, 11, 15),
            EndTime: new Date(2018, 3, 4, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 8,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 4, 9, 15),
            EndTime: new Date(2018, 3, 4, 11, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 9,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 5, 9, 30),
            EndTime: new Date(2018, 3, 5, 12, 45),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 10,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 5, 13, 45),
            EndTime: new Date(2018, 3, 5, 16, 30),
            IsAllDay: false,
            OwnerId: 2
        }, {
            Id: 11,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 6, 10, 0),
            EndTime: new Date(2018, 3, 6, 12, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 12,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 6, 9, 0),
            EndTime: new Date(2018, 3, 6, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 13,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 7, 13, 0),
            EndTime: new Date(2018, 3, 7, 15, 15),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 14,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 7, 9),
            EndTime: new Date(2018, 3, 7, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 15,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 8, 9, 45),
            EndTime: new Date(2018, 3, 8, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 16,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 8, 10, 30),
            EndTime: new Date(2018, 3, 8, 13, 0),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 17,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 9, 12),
            EndTime: new Date(2018, 3, 9, 15, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 18,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 9, 9, 0),
            EndTime: new Date(2018, 3, 9, 11, 15),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 19,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 10, 10, 10),
            EndTime: new Date(2018, 3, 10, 13, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 20,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 10, 10, 30),
            EndTime: new Date(2018, 3, 10, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 21,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 11, 9, 30),
            EndTime: new Date(2018, 3, 11, 11, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 22,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 11, 12, 30),
            EndTime: new Date(2018, 3, 11, 14, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 23,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 12, 10),
            EndTime: new Date(2018, 3, 12, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 24,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 12, 13),
            EndTime: new Date(2018, 3, 12, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 25,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 13, 9),
            EndTime: new Date(2018, 3, 13, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 26,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 13, 14),
            EndTime: new Date(2018, 3, 13, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 27,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 14, 11),
            EndTime: new Date(2018, 3, 14, 13),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 28,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 14, 9),
            EndTime: new Date(2018, 3, 14, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 29,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 15, 9, 30),
            EndTime: new Date(2018, 3, 15, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 30,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 15, 14),
            EndTime: new Date(2018, 3, 15, 16, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 31,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 16, 10),
            EndTime: new Date(2018, 3, 16, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 32,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 16, 9),
            EndTime: new Date(2018, 3, 16, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 33,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 17, 14),
            EndTime: new Date(2018, 3, 17, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 34,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 17, 9),
            EndTime: new Date(2018, 3, 17, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 35,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 36,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 18, 10),
            EndTime: new Date(2018, 3, 18, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 37,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 9, 10),
            EndTime: new Date(2018, 3, 9, 10, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 38,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 19, 9),
            EndTime: new Date(2018, 3, 19, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 39,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 20, 10),
            EndTime: new Date(2018, 3, 20, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 40,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 20, 10, 30),
            EndTime: new Date(2018, 3, 20, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 41,
            Subject: 'workflow Analysis',
            StartTime: new Date(2018, 3, 21, 9, 30),
            EndTime: new Date(2018, 3, 21, 11, 30),
            IsAllDay: false,
            OwnerId: 1,RoomId: 1
        }, {
            Id: 42,
            Subject: 'Requirement planning',
            StartTime: new Date(2018, 3, 21, 12, 30),
            EndTime: new Date(2018, 3, 21, 13, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 43,
            Subject: 'Quality Analysis',
            StartTime: new Date(2018, 3, 22, 10),
            EndTime: new Date(2018, 3, 22, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 44,
            Subject: 'Resource planning',
            StartTime: new Date(2018, 3, 22, 13),
            EndTime: new Date(2018, 3, 22, 14, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 45,
            Subject: 'Timeline estimation',
            StartTime: new Date(2018, 3, 23, 9),
            EndTime: new Date(2018, 3, 23, 10),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 46,
            Subject: 'Developers Meeting',
            StartTime: new Date(2018, 3, 23, 14),
            EndTime: new Date(2018, 3, 23, 15, 45),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 47,
            Subject: 'Project Review',
            StartTime: new Date(2018, 3, 24, 11),
            EndTime: new Date(2018, 3, 24, 12),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 48,
            Subject: 'Manual testing',
            StartTime: new Date(2018, 3, 24, 9),
            EndTime: new Date(2018, 3, 24, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 49,
            Subject: 'Project Preview',
            StartTime: new Date(2018, 3, 25, 9, 30),
            EndTime: new Date(2018, 3, 25, 11),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 50,
            Subject: 'Cross-browser testing',
            StartTime: new Date(2018, 3, 25, 14),
            EndTime: new Date(2018, 3, 25, 15, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 51,
            Subject: 'Bug Automation',
            StartTime: new Date(2018, 3, 26, 10),
            EndTime: new Date(2018, 3, 26, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 52,
            Subject: 'Functionality testing',
            StartTime: new Date(2018, 3, 26, 9),
            EndTime: new Date(2018, 3, 26, 11, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 53,
            Subject: 'Resolution-based testing',
            StartTime: new Date(2018, 3, 27, 14),
            EndTime: new Date(2018, 3, 27, 15),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 54,
            Subject: 'Test report Validation',
            StartTime: new Date(2018, 3, 27, 9),
            EndTime: new Date(2018, 3, 27, 11),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 55,
            Subject: 'Test case correction',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 11, 30),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 56,
            Subject: 'Run test cases',
            StartTime: new Date(2018, 3, 28, 10),
            EndTime: new Date(2018, 3, 28, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 57,
            Subject: 'Bug fixing',
            StartTime: new Date(2018, 3, 29, 12),
            EndTime: new Date(2018, 3, 29, 12, 30),
            IsAllDay: false,
            OwnerId: 3,
            RoomId: 1
        }, {
            Id: 58,
            Subject: 'Debugging',
            StartTime: new Date(2018, 3, 29, 9),
            EndTime: new Date(2018, 3, 29, 10, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }, {
            Id: 59,
            Subject: 'Exception handling',
            StartTime: new Date(2018, 3, 30, 10),
            EndTime: new Date(2018, 3, 30, 11),
            IsAllDay: false,
            OwnerId: 1,
            RoomId: 1
        }, {
            Id: 60,
            Subject: 'Decoding',
            StartTime: new Date(2018, 3, 30, 10, 30),
            EndTime: new Date(2018, 3, 30, 12, 30),
            IsAllDay: false,
            OwnerId: 2,
            RoomId: 2
        }
    ];
});