Implemented FullCalendar Component
parent
0f7c246746
commit
3dac703466
|
@ -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"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
|
@ -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
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue