fullcalendar js doesnt render view on internet explorer 11

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

I have a calendar with fullcalendar.js. It's work on chrome, but on Internet Explorer view doesn't render. Here is my code: I'm getting events from the server, and then rendering it with reRender function. Here is some code:

data.eventClick = (calEvent, jsEvent, view) => this.eventClick(calEvent)



data.eventResize = (event, delta, revertFunc, jsEvent, ui, view) =>

{

    this._taskService.updateTaskTime(event.start.format(), 

        event.end.format(), event.id, false);

};

data.dayClick = (date, jsEvent, view, resourceObj) =>

{

    if (this.view !== 'week')

    {

        this.newTask(, date);

    }

    else

    {

        date = moment(resourceObj.id + 'T' + date.clone().format().split('T')[1]);

        this.newTask(, date);

    }

};



data.editable              = true;

data.eventDurationEditable = true;



this.containerEl.fullCalendar(data);

this.containerEl.fullCalendar('option', 'locale', this.localeCode);

this.containerEl.fullCalendar('option', 'height', this.calendarHeight);

this.containerEl.fullCalendar('gotoDate', this.date);

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

did you make changes in polyfills.ts? check for.../** IE9, IE10 and IE11 requires all of the following polyfills. **/

– Akber Iqbal
Jan 3 at 8:07

yes I have added all pollyfills.

– Nay si
Jan 3 at 8:13

"doesn't render" isn't nearly enough info to be able to help you. Have you done any debugging, checked for script errors, network errors etc?

– ADyson
Jan 9 at 17:19

I fixed that problem, that was because calendar was in flexible element. but now I have another problem in IE11 in calendar scrollbar doesn't work.

– Nay si
Jan 9 at 17:42

again, "doesn't work" isn't an error message or problem statement that we can work with really.

– ADyson
Jan 9 at 21:50

add a comment |

data.eventClick = (calEvent, jsEvent, view) => this.eventClick(calEvent)



data.eventResize = (event, delta, revertFunc, jsEvent, ui, view) =>

{

    this._taskService.updateTaskTime(event.start.format(), 

        event.end.format(), event.id, false);

};

data.dayClick = (date, jsEvent, view, resourceObj) =>

{

    if (this.view !== 'week')

    {

        this.newTask(, date);

    }

    else

    {

        date = moment(resourceObj.id + 'T' + date.clone().format().split('T')[1]);

        this.newTask(, date);

    }

};



data.editable              = true;

data.eventDurationEditable = true;



this.containerEl.fullCalendar(data);

this.containerEl.fullCalendar('option', 'locale', this.localeCode);

this.containerEl.fullCalendar('option', 'height', this.calendarHeight);

this.containerEl.fullCalendar('gotoDate', this.date);

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

did you make changes in polyfills.ts? check for.../** IE9, IE10 and IE11 requires all of the following polyfills. **/

– Akber Iqbal
Jan 3 at 8:07

yes I have added all pollyfills.

– Nay si
Jan 3 at 8:13

"doesn't render" isn't nearly enough info to be able to help you. Have you done any debugging, checked for script errors, network errors etc?

– ADyson
Jan 9 at 17:19

I fixed that problem, that was because calendar was in flexible element. but now I have another problem in IE11 in calendar scrollbar doesn't work.

– Nay si
Jan 9 at 17:42

again, "doesn't work" isn't an error message or problem statement that we can work with really.

– ADyson
Jan 9 at 21:50

add a comment |

data.eventClick = (calEvent, jsEvent, view) => this.eventClick(calEvent)



data.eventResize = (event, delta, revertFunc, jsEvent, ui, view) =>

{

    this._taskService.updateTaskTime(event.start.format(), 

        event.end.format(), event.id, false);

};

data.dayClick = (date, jsEvent, view, resourceObj) =>

{

    if (this.view !== 'week')

    {

        this.newTask(, date);

    }

    else

    {

        date = moment(resourceObj.id + 'T' + date.clone().format().split('T')[1]);

        this.newTask(, date);

    }

};



data.editable              = true;

data.eventDurationEditable = true;



this.containerEl.fullCalendar(data);

this.containerEl.fullCalendar('option', 'locale', this.localeCode);

this.containerEl.fullCalendar('option', 'height', this.calendarHeight);

this.containerEl.fullCalendar('gotoDate', this.date);

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

data.eventClick = (calEvent, jsEvent, view) => this.eventClick(calEvent)



data.eventResize = (event, delta, revertFunc, jsEvent, ui, view) =>

{

    this._taskService.updateTaskTime(event.start.format(), 

        event.end.format(), event.id, false);

};

data.dayClick = (date, jsEvent, view, resourceObj) =>

{

    if (this.view !== 'week')

    {

        this.newTask(, date);

    }

    else

    {

        date = moment(resourceObj.id + 'T' + date.clone().format().split('T')[1]);

        this.newTask(, date);

    }

};



data.editable              = true;

data.eventDurationEditable = true;



this.containerEl.fullCalendar(data);

this.containerEl.fullCalendar('option', 'locale', this.localeCode);

this.containerEl.fullCalendar('option', 'height', this.calendarHeight);

this.containerEl.fullCalendar('gotoDate', this.date);

angular fullcalendar

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

edited Jan 3 at 8:22

dferenc

4,841122333

edited Jan 3 at 8:22

dferenc

4,841122333

edited Jan 3 at 8:22

dferenc

4,841122333

asked Jan 3 at 8:03

Nay si

asked Jan 3 at 8:03

Nay si

asked Jan 3 at 8:03

Nay si

did you make changes in polyfills.ts? check for.../** IE9, IE10 and IE11 requires all of the following polyfills. **/

– Akber Iqbal
Jan 3 at 8:07

yes I have added all pollyfills.

– Nay si
Jan 3 at 8:13

"doesn't render" isn't nearly enough info to be able to help you. Have you done any debugging, checked for script errors, network errors etc?

– ADyson
Jan 9 at 17:19

I fixed that problem, that was because calendar was in flexible element. but now I have another problem in IE11 in calendar scrollbar doesn't work.

– Nay si
Jan 9 at 17:42

again, "doesn't work" isn't an error message or problem statement that we can work with really.

– ADyson
Jan 9 at 21:50

add a comment |

did you make changes in polyfills.ts? check for.../** IE9, IE10 and IE11 requires all of the following polyfills. **/

– Akber Iqbal
Jan 3 at 8:07

yes I have added all pollyfills.

– Nay si
Jan 3 at 8:13

"doesn't render" isn't nearly enough info to be able to help you. Have you done any debugging, checked for script errors, network errors etc?

– ADyson
Jan 9 at 17:19

I fixed that problem, that was because calendar was in flexible element. but now I have another problem in IE11 in calendar scrollbar doesn't work.

– Nay si
Jan 9 at 17:42

again, "doesn't work" isn't an error message or problem statement that we can work with really.

– ADyson
Jan 9 at 21:50

did you make changes in polyfills.ts? check for.../** IE9, IE10 and IE11 requires all of the following polyfills. **/

– Akber Iqbal
Jan 3 at 8:07

yes I have added all pollyfills.

– Nay si
Jan 3 at 8:13

"doesn't render" isn't nearly enough info to be able to help you. Have you done any debugging, checked for script errors, network errors etc?

– ADyson
Jan 9 at 17:19

I fixed that problem, that was because calendar was in flexible element. but now I have another problem in IE11 in calendar scrollbar doesn't work.

– Nay si
Jan 9 at 17:42

again, "doesn't work" isn't an error message or problem statement that we can work with really.

– ADyson
Jan 9 at 21:50

add a comment |

0

active

oldest

votes

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54018417%2ffullcalendar-js-doesnt-render-view-on-internet-explorer-11%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

0

active

oldest

votes

0

active

oldest

votes

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu