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 Offline
      sdetweil @MMM-kludo
      last edited by

      @mmm-kludo not my point. I want to see the config entry for calendar and do NOT want others to see your working calendar url

      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 Sorry, I must have misunderstood. For me, the behavior that no relative times are displayed already after the Installtion. Without that I have made changes in the configfile. Although the default setting is “relative”.
        All attempts on my part failed, except replacing the calendar.js.

        RaspOS version: more 5.10.63-v7l+
        Mirror version: “2.17.1”

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @MMM-kludo
          last edited by

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

            @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 Reply Quote 0
            • S Offline
              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 Offline
                  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 Offline
                        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
                        • 1
                        • 2
                        • 1 / 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