禁止在周末創建活動

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方法上執行此操作。 只需從startDate到endDate，然后檢查其中是否有任何周末。 如果是這樣，則顯示警報/彈出窗口並返回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');
},

見小提琴 。