CODEWITHSUNDEEP
javascriptfullcalendar
rakesh shrestha
rakesh shrestha

Reputation: 1433

How can I render an event to whole cell in full calendar js?

is there some sort of property that lets me do this? I tried eventRender but dont know how to do it. here is my calender now: enter image description here

I want the period to cover the whole day cell like enter image description here

Upvotes: 1

Views: 933

Answers (1)

khan
khan

Reputation: 1150

Try this. You may need a background events.

events: [
  {
    "title":"Lorem Ipsum",
    "start":"2019-04-16",
    "end":"2019-04-16",
    "rendering": "background",
    "color":"red"
  },
]

or if you want to have events with both types of rendering you can do so like.

If i understand your question well, Yes you can 

 events:[
           {
              "title": "event 5",
              "start": "2019-04-24T10:00:00",
              "end": "2019-04-24T13:00:00",
            },
            {
              "title": "event 2",
              "start": "2019-04-24T14:00:00",
              "end": "2019-04-24T15:00:00",
              "backgroundColor": "red"
            },
            {
              "start": "2019-04-24T12:00:00",
              "end": "2019-04-24T16:00:00",
              "rendering": "background"
            },
          ],

Upvotes: 2

Related Questions