CODEWITHSUNDEEP
jqueryfullcalendar
Divya Desai
Divya Desai

Reputation: 1

How to set daterange from FullCalendar?

I'm using FullCalendar and in that I want the functionality to select one date and from that a number of dates should be selected automatically (and I want this with the dates not the events).

I can't use jQuery UI because of some conflict issues. So I have used FullCalendar and want that functionality. Ao can any one give me any suggestions how to do this?

The kind of functionality I want with the FullCalendar is like this [jsfiddle](http://jsfiddle.net/t6y8bucx/).

Upvotes: 0

Views: 254

Answers (1)

Vivek Parmar
Vivek Parmar

Reputation: 771

You can use below fullcalendar js to select and highlights multiple dates

  var date = new Date();
  var d = date.getDate(),
      m = date.getMonth(),
      y = date.getFullYear();
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    buttonText: {
      today: 'today',
      month: 'month',
      week: 'week',
      day: 'day'
    },
    events: eventsscript,
    selectable: true,
    selectHelper: true,


select: function (start, end, jsEvent, view) {
      $("#calendar").fullCalendar('addEventSource', [{
          start: start,
          end: end,
          rendering: 'background',
          block: true,
      }, ]);
      $("#calendar").fullCalendar("unselect");
    },
    selectOverlap: function(event) {
        return ! event.block;
    }

Upvotes: 1

Related Questions