2017-02-21 29 views
0

プロジェクトで、将来の日付を選択できるフルカラーを実装しています。 選択した日の選択を解除する方法はありますか? 私は$("#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を削除したとき、私は1日でも選択することはできません。それはちょうど日付をクリックし、選択しないようになった。 @Saurav Dangol –

+0

@AllenWalker、私はanswer.takeを見て編集してくれました。また、2番目の$( "#calendar")を削除します。fullCalendar( "unselect");選択を取り消す –

+0

申し訳ありませんこれは期待どおりに動作しません。このコードを使用すると、複数の日付を選択できません。選択した日付の選択を解除しても、それを再度選択することはできません。 @SauravDangol –

関連する問題