Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dash between event start and end times is "undefined" with eventTimeFormat and moment plugin

See original GitHub issue

Bug Reports

Version: FullCalendar v5-beta.4

I’m looking into updating the Schedule component for PrimeFaces, which uses FullCalendar. While doing so, I came across a minor issue:

FullCalendar with moment plugin
Option eventTimeFormat set to some value such as HH:mm:ss
An event with a start and end time in timeGridDay displays as 15:38:02undefined16:08:02 (the dash between the times is missing)

To Reproduce: https://codesandbox.io/s/jolly-brown-hwbvy?file=/src/DemoApp.vue (not specific to vue, also happens with a plain webpack build without a framework)

Issue Analytics

State:
Created 3 years ago
Reactions:3
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

arshawcommented, Jun 29, 2020

fixed in v5.1.0

https://codesandbox.io/s/old-wood-qxh91?file=/src/DemoApp.vue

0reactions

citylimscommented, Jun 25, 2020

Possibly Experiencing a similar issue when passing in ISO String dates (i’ve also tried moment ‘YYYY/MM/DD hh:mm T’) Start: 2020-06-25T17:31:00.000Z End: 2020-06-25T22:45:00.000Z

I’m still on version 3.10.1 so this could just be a mistake i’ve made somewhere that is unrelated

The event renders properly on the calendar, but the printed out datetime string on the event includes a bunch of undefined. Could this be a bug where fullcalendar is having issue dealing with printing out AM/PM? Or is there an extra option i need to set on the calendar options to allow for these datetimes? I’m new to the library and poked around documentation, tried a bunch of different date formats, but haven’t found any success.

Looks great if those undefined strings werent included.

Top Results From Across the Web

Removing the hyphen from an Event with an undefined title ...

This is the only way I know how to remove the hyphen from an Event title. Is there a better way? add this...

fullcalendar v5.1.0 release notes (2020-06-29) | LibHunt

... fix: Dash between event start and end times is "undefined" with eventTimeFormat and moment plugin (#5493); fix: Events get displaced due to ......

@fullcalendar/moment | Yarn - Package Manager

First, ensure Moment is installed: npm install moment. Then, install the FullCalendar core package, the Moment plugin, and any other plugins (like daygrid):...

@fullcalendar/moment: Versions | Openbase

... fix: Dash between event start and end times is "undefined" with eventTimeFormat and moment plugin (#5493); fix: Events get displaced due to...

V4 Release Notes and Upgrade Guide - Docs v4 - FullCalendar

Built-in draggable API for external elements/events. Consequently, jQuery UI is no longer needed for this. Demo; Connector plugins for Moment JS, Moment ......