поведение по умолчанию для selecthelper при изменении размера в ограниченной зоне (selectConstraint) заключается в том, чтобы скрыть selectHelper, я хочу, чтобы это было точно так же, как изменение размера события в ограниченной зоне (eventConstraint), где событие является видимым, а размер -последний разрешенный размер.
это демо http://jsfiddle.net/pu83thf9/3/
1) попробуйте выбрать с 10:00 до 14:00, selectHelper скрыт из selectConstraint 2) попробуйте создать событие с 8 до 10, попробуйтеизмените его до 12 и не отпускайте мышь в течение 2 секунд, попробуйте сейчас изменить его до 2 часов, он виден и не скрыт, как в случае 1
$ (документ) .ready (function () {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
locale:"en",
minTime: "06:00:00",
maxTime: "20:00:00",
allDaySlot: false,
businessHours: true,
businessHours: [{
dow: [1, 2, 3, 4, 5], // Monday - Friday
start: '08:00',
end: '12:00',
}, {
dow: [1, 2, 3, 4, 5], // Monday - Friday (if adding lunch hours)
start: '13:00',
end: '17:00',
}],
selectConstraint: "businessHours",
eventConstraint: "businessHours",
defaultView: 'agendaWeek',
defaultDate: '2018-03-12',
navLinks: true, // can click day/week names to navigate views
selectable: true,
selectHelper: true,
select: function(start, end) {
var title = 'Zone';
var eventData;
if (title) {
eventData = {
title: title,
start: start,
end: end
};
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
}
$('#calendar').fullCalendar('unselect');
},
editable: true,
eventOverlap :false,
selectOverlap :false,
eventLimit: true, // allow "more" link when too many events
eventRender: function (event, element, view) {
element.find(".closeon").on('click', function () {
$('#calendar').fullCalendar('removeEvents', event._id);
});}
});
});