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

calendar module - format today events with time

Scheduled Pinned Locked Moved Unsolved Troubleshooting
8 Posts 4 Posters 1.0k Views 4 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
    spitzlbergerj Project Sponsor Module Developer
    last edited by spitzlbergerj Oct 22, 2022, 4:12 PM Oct 22, 2022, 4:11 PM

    Hi,
    I would like to format the calendar events of today and tomorrow relatively with time. All other events should be formatted in the form “ddd, D.MMM, HH:mm”.
    In the new version there is a new config option showTimeToday with which I should be able to do this. But I don’t get along with it and need help.
    The events should be displayed like this for example:

    appointment-1                 Heute, 18:00
    appointment-2                Morgen, 14:00
    appointment-3            Mo, 30.Okt, 09:00
    

    my config is

    {
    		module: "calendar",
    		header: "Nächste Termine ",
    		position: "top_left",
    		config: {
    			fetchInterval: 600000, // 10 Minuten
    			calendars: [
    				{
    					/* Kalender Paula */
    					symbol: "female",
    					url: "....ics"
    				},
    				{
    					/* Kalender Sepp */
    					symbol: "male",
    					url: "....ics"
    				},
    			],
    			maxTitleLength: 21,
    			wrapEvents: false,
    			dateFormat: "ddd, D.MMM, HH:mm",
    			fullDayEventDateFormat: "ddd, D.MMM",
    			timeFormat: "absolute",
    			getRelative: 12,
    			urgency: 0,
    			showEnd: false,
    			maximumEntries: 6,
    			fade: false,
    			hidePrivate: false,
    			nextDaysRelative: true,
    			sliceMultiDayEvents: false,
    			showTimeToday: true,
    		}
    	},
    

    Many thanks for any help.

    Many greetings
    Sepp

    Regards
    Josef

    http://www.spitzlberger.de/smartmirror, https://github.com/spitzlbergerj/MMM-TeslaLogger, https://github.com/spitzlbergerj/CaravanPi, https://www.la-gondola-barocca.de

    S 1 Reply Last reply Oct 22, 2022, 8:17 PM Reply Quote 0
    • S Away
      sdetweil @spitzlbergerj
      last edited by Oct 22, 2022, 8:17 PM

      @spitzlbergerj generally in absolute mode, urgency (days NOT HOURS) is used to create a window of time to still show relative timed events

      but you have it set to 0

                              timeFormat: "absolute",
      			getRelative: 12,
      			urgency: 0,
      

      showTimeToday does the reverse…

      in relative mode forces today’s events to NOT be relative. only for today, no other time window

      get relative is used in relative mode for AN hour based time window

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply Oct 23, 2022, 11:49 AM Reply Quote 0
      • S Offline
        spitzlbergerj Project Sponsor Module Developer @sdetweil
        last edited by Oct 23, 2022, 11:49 AM

        @sdetweil Thank you for the quick reply.
        IfI set

        urgency: 1
        

        then an appointment for today is displayed like this

        Test appointment                            in 4 hours
        

        but I would like to have the display

        Test appointment                              today, 17:00
        

        how can I achieve this?
        thanks
        Josef

        Regards
        Josef

        http://www.spitzlberger.de/smartmirror, https://github.com/spitzlbergerj/MMM-TeslaLogger, https://github.com/spitzlbergerj/CaravanPi, https://www.la-gondola-barocca.de

        K S 2 Replies Last reply Oct 24, 2022, 6:45 AM Reply Quote 1
        • K Offline
          KamiSchami @spitzlbergerj
          last edited by Oct 24, 2022, 6:45 AM

          @spitzlbergerj , das nervt mich auch schon länger. Vielleicht gibt es ja eine Lösung. - …this has been bothering me for a long time. Maybe there is a solution.

          Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

          1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @spitzlbergerj
            last edited by Oct 24, 2022, 11:15 AM

            @spitzlbergerj according to the code

            showTimeToday must be false, and dateFornat must be ‘relative’, not absolute

            Screenshot_20221024-061305_Chrome.jpg

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            S 1 Reply Last reply Oct 24, 2022, 12:23 PM Reply Quote 0
            • S Offline
              spitzlbergerj Project Sponsor Module Developer @sdetweil
              last edited by Oct 24, 2022, 12:23 PM

              @sdetweil Thanks again for your answer. But that unfortunately still does not do the whole job

              config:

              maxTitleLength: 21,
              wrapEvents: false,
              dateFormat: "ddd, D.MMM, HH:mm",
              fullDayEventDateFormat: "ddd, D.MMM",
              timeFormat: "relative",
              getRelative: 12,
              urgency: 1,
              showEnd: false,
              maximumEntries: 6,
              fade: false,
              hidePrivate: false,
              nextDaysRelative: true,
              sliceMultiDayEvents: false,
              showTimeToday: false,
              

              result:
              Screenshot 2022-10-24 140832.png

              I actually just want the display like with timeformat: “absolute”. Only that with the current day simply “Today” is indicated and the same perhaps also with “Tomorrow”.

              desired result:
              Screenshot 2022-10-24 141714.png

              Unfortunately I am too little experienced in coding the MagicMirror programs. Otherwise I would suggest a change for this, if the behavior is not achievable with the current settings.

              Could you, dear @sdetweil, do that? Thanks a lot

              Josef

              Regards
              Josef

              http://www.spitzlberger.de/smartmirror, https://github.com/spitzlbergerj/MMM-TeslaLogger, https://github.com/spitzlbergerj/CaravanPi, https://www.la-gondola-barocca.de

              S 1 Reply Last reply Oct 25, 2022, 4:50 PM Reply Quote 0
              • S Away
                sdetweil @spitzlbergerj
                last edited by Oct 25, 2022, 4:50 PM

                @spitzlbergerj no way without significant code changes… sorry

                you can ‘most’ of the way there with

                        timeFormat: "relative",
                        getRelative: 1,
                        showTimeToday: false,
                

                1st is full day
                2nd is upcoming in 3 hours

                Screenshot at 2022-10-25 11-48-27.png

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S 1 Reply Last reply Oct 26, 2022, 7:53 AM Reply Quote 0
                • S Offline
                  spitzlbergerj Project Sponsor Module Developer @sdetweil
                  last edited by Oct 26, 2022, 7:53 AM

                  @sdetweil Thanks a lot for your help! I’ll try it in this way

                  Regards
                  Josef

                  http://www.spitzlberger.de/smartmirror, https://github.com/spitzlbergerj/MMM-TeslaLogger, https://github.com/spitzlbergerj/CaravanPi, https://www.la-gondola-barocca.de

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  1 / 1
                  • First post
                    5/8
                    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