2017-04-25 26 views
0

fullcalendarで過去の日付を無効にする方法。Jquery full calendarは過去の日付を無効にする

$('#calendar').fullCalendar({ 
    editable: false, 
    selectable: true, 
    eventLimit: true, 
    views: { 
     agenda: { 
     eventLimit: 1 // adjust to 6 only for agendaWeek/agendaDay 
     } 
    }, 
    select: function(start, end, allDay) { 
     var check = $.fullCalendar.formatDate(start, 'yyyy-MM-dd'); 
     var today = $.fullCalendar.formatDate(new Date(), 'yyyy-MM-dd'); 
     if (check >= today) { 
     $('.addClass').addClass('sticky'); 
     } 
    } 

    }); 

この私のコードは正常に動作し、私は唯一のaddClassも正常に動作して新しい日付から選択することができます。しかし、来月の日付を選択すると、addClassは機能しません。 が、私はこれを試してみませんdayClick

+0

Hey!あなたの目標は過去に "選択を無効にする"ことですか? – LakiGeri

+0

@LakiGeriはい過去の日付と月を無効にしたい –

+0

あなたの答えはこちら[こちら](http://stackoverflow.com/questions/33496695/disable-drop-on-past-dates-in-fullcalendar) –

答えて

0

に、唯一のselectオプションを使用して、このクリックをしたい:スタートがチェックされている。この方法では

select: function(start, end, allDay) { 
    if(start.isBefore(moment())) { 
     alert('Event is start in the past!'); 
    } else { 
     // event ok 

    } 
} 

、それはその過去の日付かではありません。

fullcalendarで使用されているmoment.js libary docを読むことをお勧めします。

私はそれがあなたを助けてくれることを願っています。

0

"$(" #datepicker ").datepicker({minDate:0});"を使用してください。過去の月と過去の日付を無効にします。例については

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
<script> 
$(document).ready(function() {  
$("#date").datepicker({ minDate: 0}); 
}); 
</script> 
</head> 
<body> 
<input id="date" /> 
</body> 
</html> 

は、それはあなたを助けることを願っています!

関連する問題