Search results

Perform CRUD Actions Dynamically in Vue Schedule component

02 Aug 2021 / 3 minutes to read

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
Copied to clipboard
<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>
Copied to clipboard
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
Copied to clipboard
<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>
Copied to clipboard
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
        }
    ];
});