禁用周末的活动创建

Question

我正在尝试使用Fullcalendar进行我的休假申请之一。我启用了选择选项，以便用户可以选择日期并对其应用休假。但是我想禁用周末被选中，即当用户单击周末时，它应该发出警报。它是否可实现？

我的代码

this.calendarOptions = {
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) => {
this.startDate=moment(start).format("YYYY-MM-DD");
this.endDate=moment(end).format("YYYY-MM-DD");   
$('.first.modal').modal('show');
},
dayRender: (date, cell)=> {
//logic
},
selectOverlap:false,
};

Answer 1

您可以在select方法上执行此操作。只需从开始日期转到结束日期，然后检查这些日子中是否有任何一天是周末。 如果是这样，则显示警报/弹出窗口并返回 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');
},

见小提琴。