Question

158

date.getDate() is not a function. (In 'date.getDate()', 'date.getDate()' is undefined) FullCalendar in Ionic 3

rated 0 times [ 165] [ 7] / answers: 1 / hits: 26068 / 7 Years ago, mon, september 18, 2017, 12:00:00

I'm coding on a Ionic 3 project where i use a FullCalendar plugin for display a calendar ui.
I've a problem with this code in the module of page when i try to change background of a single day on calendar.
I've used dayRender function of FullCalendar.

$('#calendar').fullCalendar({



            dayRender: function (date, cell) {

              var today = new Date('2017-09-11T00:40Z')

              if (date.getDate() == today.getDate()) {

                  this.cell.css(background-color, red);

              }

            },

});

I've this Runtime error in output:

date.getDate() is not a function. (In 'date.getDate()',
'date.getDate()' is undefined) FullCalendar in Ionic 3

so i don't understand why, because date is a Date object that was already defined in FullCalendar library.

Any Solutions?

ps: Sorry for my bad english.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

austonjuancarlosb

Add To Favorites

Follow

Total Points: 238

Total Questions: 89

Total Answers: 99

Location: Chad

Member since Mon, Dec 5, 2022

2 Years ago

austonjuancarlosb questions

1 TypeError: Cannot read properties of undefined (reading 'call') on Next.js

Sat, Dec 17, 22, 00:00, 1 Year ago

1 How to check if Metamask is connected after page refreshing

Sat, Feb 19, 22, 00:00, 2 Years ago

1 Slash Commands - Discord.js

Sun, Mar 14, 21, 00:00, 3 Years ago

1 How to reload Next.js page initial props without reloading the whole page

Mon, May 18, 20, 00:00, 4 Years ago

1 How can I disable keyboard input on an html input of type number? What about in react or material-ui?

Tue, Apr 14, 20, 00:00, 4 Years ago

View All

answered 7 Years ago brynn · Accepted Answer

The documentation of the dayRender callback at https://fullcalendar.io/docs/v3/dayRender says

date is the Moment for the given day.

So date in your code is a momentJS object, not a Date object. That's why the getDate method doesn't exist on it. You'd be better to create today as a momentJS object too, and then you can compare them directly:

$('#calendar').fullCalendar({

  dayRender: function (date, cell) {

    var today = moment('2017-09-11T00:00Z');

    if (date.isSame(today, "day")) {

      cell.css("background-color", "red");

    }

  },

  //...

});

For more detailed info on the code I've written, see http://momentjs.com/docs/#/parsing/string/ for details of dates that the moment constructor can parse, and http://momentjs.com/docs/#/query/is-same/ for details of the date comparison method.

You can see a working example of the above here: http://jsfiddle.net/sbxpv25p/22/