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.

    MMM-CalendarExt3

    Scheduled Pinned Locked Moved Utilities
    676 Posts 81 Posters 2.4m Views 85 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.
    • A Offline
      almightyyoshi @MMRIZE
      last edited by

      @MMRIZE That worked…after I figured out I spelled instanceId incorrectly (I had instanceID). Thanks!

      1 Reply Last reply Reply Quote 0
      • M Offline
        moosespectacles
        last edited by

        Anyone know of a config that looks identical/similar to the skylight calendar layout? I’m trying to emulate that look and those features, as a starting point, but I’m having trouble with getting the calendar to even display one week or 3 days, only. At the moment I see a week, with another week right next to it, instead of underneath it, as well as week numbers being show. I haven’t been able to figure out how to get rid of the extra days, nor the week numbers.

        S M 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @moosespectacles
          last edited by

          @moosespectacles well the skylight view is one week

          so

          mode:‘week’,
          weeksInView:1,

          then you have to use css to remove the weeknumber

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • M Offline
            MMRIZE @moosespectacles
            last edited by

            @moosespectacles
            I think what you want is MMM-CalendarExtJournal, not this module.

            M 1 Reply Last reply Reply Quote 0
            • M Offline
              moosespectacles @MMRIZE
              last edited by

              @MMRIZE said in MMM-CalendarExt3:

              @moosespectacles
              I think what you want is MMM-CalendarExtJournal, not this module.

              The thing is I want the full calendar functionality, similar to Google calendar/skylight, so I have the ability to change views. Is that possible with either module or another? My main goal is a fully functional Google/skylight calendar clone, in terms of looks and features and use that as my layout, and build the rest of my features/modules off of that, so if I decide I want to add a tab for a shopping list or to do list later on, I can, but at minimum I’d love to be able to have a calendar that syncs with all of my family’s devices to be a family calendar

              1 Reply Last reply Reply Quote 0
              • D Offline
                danncabrera
                last edited by

                Love this module, and have spent some time modifying some parts of it using CSS and learning a lot on the way. One thing i have not been able to achieve is to have the time format to show exactly how i want it to be.

                I want the time for any event to show like 9am / 9:15am instead of the “9:00 a.m.”, to save some space and try to make it more readable. Any ideas on how to achieve this?? i have tried to modify with eventtransformer code in many ways, but all i get is to turn back to 24hr; it seems like it defaults to my locale (ES), and i don’t want to switch since i want everything to be in Spanish.

                Any suggestions are welcomed, thank you.

                eventTransformer: (event) => {
                  // Get the event's start time as a Date object
                  let startDate = new Date(event.startDate);
                
                  // Manually extract hours and minutes
                  let hours = startDate.getHours();
                  let minutes = startDate.getMinutes();
                  
                  // Determine AM or PM
                  let ampm = hours >= 12 ? 'pm' : 'am';
                  
                  // Convert 24-hour format to 12-hour
                  hours = hours % 12;
                  hours = hours ? hours : 12;  // If 0 (midnight/noon), set to 12
                
                  // Format minutes (add leading zero if needed)
                  let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
                  
                  // Construct the final time format (e.g., "9am" or "9:15am")
                  let formattedTime = `${hours}${minutes === 0 ? '' : ':' + formattedMinutes}${ampm}`;
                
                  // Manually set the formatted time as the event's start time
                  event.startTime = formattedTime;
                  
                  return event;  // Return the modified event with the new time
                },
                
                S M 2 Replies Last reply Reply Quote 0
                • S Offline
                  sdetweil @danncabrera
                  last edited by

                  @danncabrera did you try to change the formatting via the module configuration ?
                  see
                  https://devhints.io/moment

                  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
                    MMRIZE @sdetweil
                    last edited by

                    @sdetweil this module doesn’t use moment module. It is using pure JavaScript Intl function

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @MMRIZE
                      last edited by

                      @MMRIZE i stand corrected, sadly few options for formatting

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      D 1 Reply Last reply Reply Quote 0
                      • M Offline
                        MMRIZE @danncabrera
                        last edited by

                        @danncabrera
                        https://forum.magicmirror.builders/post/101510

                        D 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 46
                        • 47
                        • 48
                        • 49
                        • 50
                        • 67
                        • 68
                        • 48 / 68
                        • 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