Implemented FullCalendar Component

pull/12/head
cagataycivici 2018-12-31 18:48:10 +03:00
parent 0f7c246746
commit 3dac703466
2 changed files with 25 additions and 16 deletions

View File

@ -3,66 +3,66 @@
{ {
"id": 1, "id": 1,
"title": "All Day Event", "title": "All Day Event",
"start": "2017-02-01" "start": "2019-01-01"
}, },
{ {
"id": 2, "id": 2,
"title": "Long Event", "title": "Long Event",
"start": "2017-02-07", "start": "2019-01-07",
"end": "2017-02-10" "end": "2019-01-10"
}, },
{ {
"id": 3, "id": 3,
"title": "Repeating Event", "title": "Repeating Event",
"start": "2017-02-09T16:00:00" "start": "2019-01-09T16:00:00"
}, },
{ {
"id": 4, "id": 4,
"title": "Repeating Event", "title": "Repeating Event",
"start": "2017-02-16T16:00:00" "start": "2019-01-16T16:00:00"
}, },
{ {
"id": 5, "id": 5,
"title": "Conference", "title": "Conference",
"start": "2017-02-11", "start": "2019-01-11",
"end": "2017-02-13" "end": "2019-01-13"
}, },
{ {
"id": 6, "id": 6,
"title": "Meeting", "title": "Meeting",
"start": "2017-02-12T10:30:00", "start": "2019-01-12T10:30:00",
"end": "2017-02-12T12:30:00" "end": "2019-01-12T12:30:00"
}, },
{ {
"id": 7, "id": 7,
"title": "Lunch", "title": "Lunch",
"start": "2017-02-12T12:00:00" "start": "2019-01-12T12:00:00"
}, },
{ {
"id": 8, "id": 8,
"title": "Meeting", "title": "Meeting",
"start": "2017-02-12T14:30:00" "start": "2019-01-12T14:30:00"
}, },
{ {
"id": 9, "id": 9,
"title": "Happy Hour", "title": "Happy Hour",
"start": "2017-02-12T17:30:00" "start": "2019-01-12T17:30:00"
}, },
{ {
"id": 10, "id": 10,
"title": "Dinner", "title": "Dinner",
"start": "2017-02-12T20:00:00" "start": "2019-01-12T20:00:00"
}, },
{ {
"id": 11, "id": 11,
"title": "Birthday Party", "title": "Birthday Party",
"start": "2017-02-13T07:00:00" "start": "2019-01-13T07:00:00"
}, },
{ {
"id": 12, "id": 12,
"title": "Click for Google", "title": "Click for Google",
"url": "http://google.com/", "url": "http://google.com/",
"start": "2017-02-28" "start": "2019-01-28"
} }
] ]
} }

View File

@ -8,7 +8,7 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<p-fullCalendar :events="events" /> <p-fullCalendar :events="events" :options="options" />
</div> </div>
</div> </div>
</template> </template>
@ -19,6 +19,15 @@ import EventService from '../../service/EventService';
export default { export default {
data() { data() {
return { return {
options: {
defaultDate: '2019-01-01',
header: {
left: 'prev,next',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true
},
events: null events: null
}; };
}, },