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 3.4k 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 Do not disturb
      sdetweil @MMM-kludo
      last edited by sdetweil

      @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 Reply Quote 0
      • M Offline
        MMM-kludo @sdetweil
        last edited by

        @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 Reply Quote 0
        • S Do not disturb
          sdetweil @MMM-kludo
          last edited by

          @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 Reply Quote 0
          • M Offline
            MMM-kludo @sdetweil
            last edited by

            @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

              @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 Reply Quote 0
              • S Do not disturb
                sdetweil @MMM-kludo
                last edited by

                @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 Reply Quote 0
                • M Offline
                  MMM-kludo @sdetweil
                  last edited by

                  @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
                  • 2 / 2
                  • First post
                    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