[英]Fullcalendar Add Event
嘿,我需要從jquery weekcalendar切換為fullcalendar,在理解添加新事件方面遇到了麻煩。 在Weekcalendar簡單易用的情況下,我觸發了addEvent函數,打開對話框,然后有了表單,並使用ajax保存了所有內容。 我還有一個選擇框,所有時間都從一天的第一小時和結束時間開始。 全日歷中是否可能有類似的東西? Weekcalendar具有用於處理時間的getTimeslotTimes(),並且操作起來很容易,fullcalendar中此類函數的名稱是什么?
干杯
您可以使用dayclick事件:
var calendar = $('#calendar');
calendar.fullCalendar({
dayClick: function(date, allDay, jsEvent, view) {
calendar.fullCalendar('renderEvent', { title: 'YOUR TITLE', start: date, allDay: true }, true );
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://momentjs.com/downloads/moment.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.js'></script>
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" />
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
//defaultDate: '2014-06-12',
defaultView: 'month',
editable: true,
events: [
{
title: 'All Day Event',
start: '2019-11-11'
},
{
title: 'Long Event',
start: '2019-09-09',
end: '2019-11-11'
},
{
id: 999,
title: 'Repeating Event',
start: '2019-06-11T16:00:00'
},
{
id: 999,
title: 'Repeating Event',
start: '2019-06-11T16:00:00'
},
{
title: 'Meeting',
start: '2019-06-11T10:30:00',
end: '2014-06-12T12:30:00'
},
{
title: 'Lunch',
start: '2019-11-12T12:00:00'
},
{
title: 'Birthday Party',
start: '2019-11-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2019-11-28'
}
]
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.