FullCalendar - Display alert message when weekends are selected
Display alert message when weekends are selected when creating an event. Prevent creating events on weekends
by milz
HTML
<link rel="stylesheet" href="https://fullcalendar.io/js/fullcalendar-3.0.1/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.js"></script>
<div id="calendar"></div>
JavaScript
var calendar = $('#calendar').fullCalendar({
height:450,
defaultDate: moment(new Date(),'YYYY-MM-DD'),
editable: false,
stick:true,
selectable:true,
eventLimit: false, // allow "more" link when too many events
events: this.eventList,
header: {
left: 'month basicWeek basicDay',
center: 'title',
right: 'today prev,next'
},
displayEventTime: false,
select: (start, end, allDay) => {
var startDate = moment(start),
endDate = moment(end),
date = startDate.clone(),
isWeekend = false;
while (date.isBefore(endDate)) {
if (date.isoWeekday() == 6 || date.isoWeekday() == 7) {
isWeekend = true;
}
date.add(1, 'day');
}
if (isWeekend) {
alert('can\'t add event - weekend');
return false;
}
this.startDate= startDate.format("YYYY-MM-DD");
this.endDate= endDate.format("YYYY-MM-DD");
//$('.first.modal').modal('show');
},
dayRender: (date, cell)=> {
},
selectOverlap:false
});