• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Trouble with calendar.js

Scheduled Pinned Locked Moved Unsolved System
14 Posts 2 Posters 2.6k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Away
    sdetweil @MMM-kludo
    last edited by Dec 21, 2021, 1:05 PM

    @mmm-kludo again, you haven’t provided the config.js section for the calendar.

    I want to see the exact text

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    M 1 Reply Last reply Dec 21, 2021, 3:08 PM Reply Quote 0
    • M Offline
      MMM-kludo @sdetweil
      last edited by Dec 21, 2021, 3:08 PM

      @sdetweil I have not changed anything, the exact text is:

                      {
                              module: "calendar",
                              header: "US Holidays",
                              position: "top_left",
                              config: {
                                      calendars: [
                                              {
                                                      symbol: "calendar-check",
                                                      url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
                                              }
                                      ]
                              }
                      },
      

      and on the mirror I see this:

      Christmas           Saturday at 00:00
      New Year's Day                Jan 1st
      

      but I would like, for example, this:

      Help me                        Today
      Christmas                   Tomorrow
      New Year's Day             in 5 Days
      
      S 1 Reply Last reply Dec 21, 2021, 3:19 PM Reply Quote 0
      • S Away
        sdetweil @MMM-kludo
        last edited by sdetweil Dec 21, 2021, 3:21 PM Dec 21, 2021, 3:19 PM

        @mmm-kludo ok, you say timeFormat: doesn’t work but u haven’t specified it in the config

        ALL config for ANY module goes in config.js

                        {
                                module: "calendar",
                                header: "US Holidays",
                                position: "top_left",
                                config: {
                                       timeFormat: "relative",
                                       ...  whatever other parms
                                        calendars: [
                                                {
                                                        symbol: "calendar-check",
                                                        url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
                                                }
                                        ]
                                }
                        },
        

        you NEVER change the source code itself…

        config info for cal
        https://docs.magicmirror.builders/modules/calendar.html

        note the getRelative parm …

        calendar has too many options (in my opinion),

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Dec 21, 2021, 3:33 PM Reply Quote 0
        • M Offline
          MMM-kludo @sdetweil
          last edited by Dec 21, 2021, 3:33 PM

          @sdetweil Thank you for your help. I have changed the value as you recommended. According to my understanding, this setting is also the default value. However, my display has not changed.

          S 1 Reply Last reply Dec 21, 2021, 3:35 PM Reply Quote 0
          • S Away
            sdetweil @MMM-kludo
            last edited by Dec 21, 2021, 3:35 PM

            @mmm-kludo

            note the getRelative parm …

            how far in front of the event does the thing change to relative? in HOURS

            xmas is 4 DAYS (48 hours), default is 6 (HOURS)

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            M 2 Replies Last reply Dec 21, 2021, 3:59 PM Reply Quote 0
            • M Offline
              MMM-kludo @sdetweil
              last edited by Dec 21, 2021, 3:59 PM

              @sdetweil When I do this, the appointments for the 2 next days are displayed as desired. Previously it was possible that all appointments were displayed in this form. This now seems to no longer work.

              Thanks again for your support, I had a wrong thinking due to my simpler previous version.

              1 Reply Last reply Reply Quote 0
              • M Offline
                MMM-kludo @sdetweil
                last edited by Dec 21, 2021, 6:30 PM

                @sdetweil I was wrong, it still does not work as before. I am always shown absolute times (e.g. Sunday, Monday, …) and no relative ones (e.g. Today, Tomorrow, …).

                                {
                                        module: "calendar",
                                        header: "Termine",
                                        position: "top_left",
                                        config: {
                                                timeFormat: "relative",
                                                getRelative: 48,
                                                nextDaysRelative: true,
                                                hideTime: true,
                                                calendars: [
                                                        {
                                                                symbol: "calendar-check",
                
                S 1 Reply Last reply Dec 21, 2021, 8:16 PM Reply Quote 0
                • S Away
                  sdetweil @MMM-kludo
                  last edited by Dec 21, 2021, 8:16 PM

                  @mmm-kludo can u compare the defaults section of your old calendar.js with the current one?

                  I assume u made changes to it originally

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  M 1 Reply Last reply Dec 22, 2021, 7:48 AM Reply Quote 0
                  • M Offline
                    MMM-kludo @sdetweil
                    last edited by Dec 22, 2021, 7:48 AM

                    @sdetweil I compared the two versions (current and spring 2020) with NotePadd++ Compare and found no significant differences in the default section. Of course, the newer version has additional fields due to functional enhancements (limitDays, hideTime, customEvents). See Screenshot

                    Significant differences in the code can be seen in the middle of the code between lines 350 and 500. In this area the old version has additional lines which are not included in the current code. See Screenshot
                    Due to lack of programming knowledge, I do not think that I have made changes in the code.

                    1 Reply Last reply Reply Quote 0
                    • 1
                    • 2
                    • 1 / 2
                    1 / 2
                    • First post
                      10/14
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Sam, technical setup by Karsten.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy