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.
    • 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
                      • 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
                        • 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