2017-02-21 203 views
0

我正在一個項目中使用哪個用戶可以選擇未來的日期實施fullcalendar。 有沒有辦法取消選擇所選天數? 我試過$("#calendar").fullCalendar("unselect");但它沒有奏效。fullCalendar-如何取消選擇一個選定的日期

FIDDLE

var today = $('#calendar').fullCalendar('getDate'); 
$('#calendar').fullCalendar({ 
    defaultDate: today, 
    header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month' 
    }, 
    defaultView: 'month', 
    events: [], 
    selectable: true, 
    select: function(start, end, jsEvent, view) { 
    if (moment().diff(start, 'days') > 0) { 
     $('#calendar').fullCalendar('unselect'); 
     // or display some sort of alert 
     return false; 
    } 

    var date = $('#calendar').fullCalendar('getDate'); 

    $("#calendar").fullCalendar('addEventSource', [{ 
     start: start, 
     end: end, 
     rendering: 'background', 
     block: true, 
    }, ]); 
    $("#calendar").fullCalendar("unselect"); 


    }, 
    selectOverlap: function(event) { 
    return !event.block; 
    } 
}); 

回答

0
function eventSource(){ 
    $("#calendar").fullCalendar('addEventSource', [{ 
     start: start, 
     end: end, 
     rendering: 'background', 
     block: true, 
    }, ]); 
} 
var today = $('#calendar').fullCalendar('getDate'); 
$('#calendar').fullCalendar({ 
    defaultDate: today, 
    header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month' 
    }, 
    defaultView: 'month', 
    events: [], 
    selectable: true, 
    select: function(start, end, jsEvent, view) { 
    if (moment().diff(start, 'days') > 0) { 
     $('#calendar').fullCalendar('unselect'); 
     // or display some sort of alert 
     return false; 
    } 
     eventSource(); 
    var date = $('#calendar').fullCalendar('getDate'); 
    }, 
    selectOverlap: function(event) { 
    return !event.block; 
    } 
}); 
+0

對不起!這不是預期的解決方案。我提到'用戶可以選擇未來日期'。用戶可以選擇多個日期。當我像前面提到的那樣刪除了addEventSource時,我甚至無法選擇一天。它只是點擊日期而不是選擇。 @Saurav Dangol –

+0

@AllenWalker,我編輯了答案,請看一看並讓我知道。另外,刪除第二個$(「#calendar」)。fullCalendar(「unselect」);撤銷撤銷選擇。 –

+0

對不起!這不符合預期。使用此代碼,無法選擇多個日期。即使取消選定日期後也不能再次選擇。 @SauravDangol –

相關問題