fullcalendar v2リソースカレンダーを実装しました。私が修正できないのは、動的に設定することですmintimeとmaxTimeを基準にしています。毎日仕事のタイミングが異なります。FullcalendarがminTimeとmaxTimeを動的に設定しました
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,resourceDay'
},
defaultView: 'resourceDay',
titleFormat: {'day':'dddd, MMMM D'},
minTime: "08:00",
maxTime: "20:00",
scrollTime: moment().format('H:m'),
eventLimit: true, // allow "more" link when too many events
resources:[
resource1,resource2
],
slotDuration: '00:15:00',
allDaySlot: false,
lazyFetching: false,
droppable: true,
defaultTimedEventDuration: '00:30:00',
selectable: true,
selectHelper: true,
unselectAuto: 'true',
timeFormat: {'agenda':'hh:mm A','':'hh:mm A'},
// Calender Method-1: AJAX events will loaded from this code
events:function(start, end, timezone,callback) {
$.ajax({
url: "http://www.domainn.com/dashboard/index",
dataType: 'json',
type:'POST',
// async: false, //blocks window close
data: {
start: start.unix(),
end: end.unix(),
viewtype: $('#calendar').fullCalendar('getView').name,
},
success:function(response){
var calendarOptions = $('#calendar').fullCalendar('getView').calendar.options;
// console.log(calendarOptions);
calendarOptions.minTime = response.timings.start;
calendarOptions.maxTime = response.timings.end;
$('#calendar').fullCalendar('destroy');
$("#calendar").fullCalendar(
$.extend(calendarOptions, {
events:response.resources
})
);
}
});
},
eventRender: function (event, element) {
// code here
},
// other events follows.....
});
:
月曜日10時
が、私はこのように私のカレンダーをinitilizedていた... 24:00まで火曜日16時午後2時
へ
このajaxコールから、その日の動的な仕事のタイミングが得られ、
と設定しようとしています。response.timings.start
response.timings.end
しかし、これらのオプションを使用して、他の日に/ goingToを変更すると、イベントは取得されません。 基本的に、同じ関数をループ内で無限に呼び出し続けます。
多くのオプションを試しましたが、運はありませんでした。どんなヘルプ/ガイドも非常に高く評価されます。ありがとう。
https://jsfiddle.net/を追加できますか? – fehrlich
解決しましたか?バージョン2.9.0のFCを使用できない場合は、最小時間と最大時間を設定した後、$( '#calendar')を呼び出すイベントを取得できるはずです。fullCalendar( 'render');カレンダーを破壊するのではなく、 –