MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

Changing moment.js behavior

  • Module Developer

    I guess this question would be directed at @MichMich, but anyone who can help me with this, your ideas would be much appreciated.

    The calendar currently shows “tomorrow” for events that are scheduled to occur tomorrow. Events that are scheduled to occur a day after tomorrow are shown as “in a day”. Now “tomorrow” and “in a day” are pretty much the same thing in German, so I wanted to include “the day after tomorrow” and was pointed in a good direction by the moment.js people.

    However, I’m not able to change the ‘de’ locale file so that it reflects that on my mirror, it just keeps showing the default day definitions, no matter what I do. And I was wondering where I could make the ‘diff < 3’ adjustment for the day after tomorrow so I could include a new moment definition?

  • Moderator

    That’s strictly a moment.js thing … However, what we humans perceive as ‘in a day’ and ‘tomorrow’ aren’t actually the same thing.

    moment.js calculates based on midnight. So, an event that happens before midnight tomorrow is considered to be tomorrow. An event that happens after midnight tomorrow, is considered ‘in a day’ because it counts starting AT midnight, and not from the current time. So current time TO midnight, plus 1 day = ‘in a day’. It’s not how we calculate time intuitively, but it’s how computers calculate time, and thus moment.js does that.

  • Module Developer

    @KirAsh4 Thanks for the helpful clarification. Wouldn’t it be easy to change that behavior so that it would start calculating based on the current point of time?

    Regardless of that, I would still like to change the “in a day” notice to “the day after tomorrow”, do you know how I could accomplish that? It seems that /vendor/moment/moment-with-locales.js has role to play there.

  • Moderator

    You’d have to talk to the moment.js folks (or figure out how to calculate the time difference yourself and pass it on to moment.js to parse for you). If you manually change the moment locales, it will get overwritten at the next update.

  • Module Developer

    If I can figure out a way to change it locally in my MagicMirror, it’s easier for me to suggest changes to the moment.js crew, however as of now, I can’t change anything, no matter what I do, my calendar keeps reporting the same old information, especially for “tomorrow”. I have figured out a way to change some of the information, such as “in two days” to something like “inn two days” just to see where adjustments have to be made, but no matter what I do, it always says “morgen” for “tomorrow”.

    I was actually trying to change what the folks at moment.js suggested, but it seemed like my modifications had no impact whatsoever 🙂

  • Module Developer

    I’ve just realized that both “today” and “tomorrow” are taken over by the MagicMirror translation engine, this would explain why no change to moments.js locale files made any difference :).

    So if anyone is ever thinking about adjusting the calendar phrase for “today” or “tomorrow”, take a look at your MagicMirror/translations/ folder.

  • Module Developer

    As the calender.js file takes over the days “TODAY” and “TOMORROW” it was actually quite easy to add another definition to take over the “DAYAFTERTOMORROW”.

    I’ve changed the ‘calender.js’ code to look like this:

    if (event.fullDayEvent) {
    	if ( {
    		timeWrapper.innerHTML = this.translate("TODAY");
    	} else if (event.startDate - now < one_day && event.startDate - now > 0) {
    		timeWrapper.innerHTML = this.translate("TOMORROW");
    	} else if (event.startDate - now < 2*one_day && event.startDate - now > 0) {
    		timeWrapper.innerHTML = this.translate("DAYAFTERTOMORROW");
    	} else {

    And I’ve adjusted /MagicMirror/translations/de.json to look like this

    	"TOMORROW": "Morgen",
    	"DAYAFTERTOMORROW": "Übermorgen",
    	"RUNNING": "noch",

    Which led to this:

    Great, just what I needed… 🙂

    I’m aware that this will be overwritten by any update I might perform, but I can’t think of any other way to implement this feature.

  • Admin

    Feel free to send a pull request so anyone can benefit from this. 🙂

  • Module Developer

    @MichMich Well, I sort of assumed that a change that somehow breaks the calendar for any other language than German would probably not be merged into the develop branch ^^. But I can have it depend on an if-condition and we can take a look at whether it makes sense to include it in the calendar, will submit a pull request and we’ll take it from there.

  • Admin

    The PR was just merged into the develop branch. I’ve added a translation for Dutch as well.

Log in to reply