abdul subhan mohammed Ответов: 1

Как выбрать несколько дат и отменить выбор в jquery fullcalendar?

Привет ребята,

У меня есть ASP.NET веб-приложение, в котором я использую fullCanlendar.

я пытаюсь написать код для выбора нескольких дат и отмены выбора из выбранных дат.

И как получить выбранные даты...

<div class="availableSchedule"></div>


Что я уже пробовал:

<script src="../../Resource/Javascript/bootstrap.js"></script>
  <script src="../../Resource/Javascript/full-calendar/fullcalendar.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        //$('#availableSchedule').parent().show();
        //$('#availableSchedule').html("");
        var calendar = $('#availableSchedule').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaDay'
            },
            defaultView: 'month',
            selectable: true,
            selectHelper: true,
            eventClick: function (callEvent, jsEvent, view) {
                alert(callEvent.start);
            },
            dayClick: function (date, jsEvent, view) {
                alert(callEvent.start+'2');
            },
            editable: true,
            
        });
  </script>


Может и один пожалуйста мне поможет??


Спасибо

1 Ответов

Рейтинг:
0

nikhil8085 

<script src="../../Resource/Javascript/bootstrap.js"></script>
  <script src="../../Resource/Javascript/full-calendar/fullcalendar.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        //$('#availableSchedule').parent().show();
        //$('#availableSchedule').html("");
        var calendar = $('#availableSchedule').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaDay'
            },
			editable: true,
            selectable: true,
			selectHelper: true,
            select: function(start, end) {
                
				var title = prompt('Event Title:');
				var eventData;
				if (title) {
					eventData = {
						title: title,
						start: start,
						end: end
					};
					$('#availableSchedule').fullCalendar('renderEvent', eventData, true); // stick? = true
				}
				$('#availableSchedule').fullCalendar('unselect');
                
			}
        });
  </script>