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

MMM-Multimonth

Scheduled Pinned Locked Moved Utilities
calendarmagicmirror2module
77 Posts 19 Posters 26.8k Views 17 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.
  • W Offline
    welby
    last edited by Jan 17, 2021, 10:34 AM

    Thanks very much for this it works great. One thing i can’t work out though is how to change the start of the week to Monday? Any tips on how the moment.js works.

    B 1 Reply Last reply Jan 17, 2021, 10:42 PM Reply Quote 0
    • B Offline
      BKeyport Module Developer @welby
      last edited by Jan 17, 2021, 10:42 PM

      @welby Sorry for the long wait for a response.

      The start of week is tied to your default language and defaults for your locale. If you have it set to German, for instance, it’ll switch to Monday start.

      I haven’t thought about a manual start of week adjustment, I might add it when I have time.

      The "E" in "Javascript" stands for "Easy"

      1 Reply Last reply Reply Quote 0
      • R Offline
        retroflex Project Sponsor Module Developer
        last edited by retroflex Feb 21, 2021, 3:11 PM Feb 21, 2021, 3:09 PM

        Great module @BKeyport , thanks a lot! I changed my custom.css a bit to match my other modules and ended up with a rather minimalist look:

        dc293bc9-9311-4158-9665-d3451549bc9e-image.png

        Here’s the css if anyone’s interested:

        .MMM-Multimonth .month {
          padding-left: 0px;
          padding-right: 0px;
        }
            
        .MMM-Multimonth .month-header {
          background-color: #000000;
          text-transform: uppercase;
          font-size: 15px;
          font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
          font-weight: 400;
          border-bottom: 1px solid #666;
          line-height: 15px;
          padding-bottom: 5px;
          margin-bottom: 10px;
          color: #999;
          border-radius: 0px;
        }
        
        .MMM-Multimonth .days-header {
          color: #808080;
          text-align: center;
        }
        
        .MMM-Multimonth .weeknumber:before {
          content: "v. ";
        }
        
        .MMM-Multimonth .weeknumber {
          background-color: #000000;
          color: #808080;
          padding-right: 9px;
        }
        
        .MMM-Multimonth .day {
          text-align: center;
        }
        
        .MMM-Multimonth .current_day {
          background-color: #FFD11C;
          text-align: center;
          border-radius: 4px;
          padding-left: 0px;
          padding-right: 0px;
          margin-left: 4px;
          margin-right: 4px;
        }
        
        
        B 1 Reply Last reply Feb 22, 2021, 2:27 AM Reply Quote 3
        • B Offline
          BKeyport Module Developer @retroflex
          last edited by Feb 22, 2021, 2:27 AM

          @retroflex Nice!

          The "E" in "Javascript" stands for "Easy"

          1 Reply Last reply Reply Quote 0
          • B Offline
            BKeyport Module Developer
            last edited by BKeyport Oct 4, 2022, 11:09 PM Oct 4, 2022, 11:07 PM

            new product released!

            Added:
            Language and calendar modification unlinked. The module now has startWeek variable to set the start of the week

            You now can shorten the day names to the shortest available for your language. (for english, instead of “Sun Mon Tue Wed Thu Fri Sat” it will be “S M T W T F S”

            Removed:
            All references and use of Moment. It’s now native code completely.

            Other:
            There’s a bug - Week numbers are in the system, but it will generate an additional line. I am going to re-do the module more (enough to create a MultiMonth2), so in that process I’ll sure I’ll find the cause.

            As a reminder, internationalization is based on the mirror as a whole, so if you have your mirror set to French, it will have French month and day names.

            Read the Readme for instructions.

            Thanks to MMRize for the inspiration to do this!

            The "E" in "Javascript" stands for "Easy"

            E 1 Reply Last reply Oct 10, 2022, 12:50 PM Reply Quote 2
            • P Offline
              pugsly
              last edited by pugsly Oct 6, 2022, 3:43 PM Oct 6, 2022, 3:42 PM

              I only want to display a single month, how do I remove the beginning and ending dates from the current month calendar? Also seems like the alignment is off.

              54bb7b2b-d780-41be-a41c-95c38c147575-image.png

              B 1 Reply Last reply Oct 6, 2022, 10:19 PM Reply Quote 0
              • B Offline
                BKeyport Module Developer @pugsly
                last edited by Oct 6, 2022, 10:19 PM

                @pugsly

                add this to your custom.css file. It will clear it out. As for the malformed space, I’ll have to look into that, it appears something’s minorly wrong with the CSS, which I didn’t touch from previous version.

                .MMM-Multimonth .daydim {
                color: var(–color-background);
                }

                The "E" in "Javascript" stands for "Easy"

                1 Reply Last reply Reply Quote 0
                • E Offline
                  Egnos @BKeyport
                  last edited by Egnos Oct 10, 2022, 12:50 PM Oct 10, 2022, 12:50 PM

                  @BKeyport great work!
                  Thanks.

                  My Mirror https://forum.magicmirror.builders/topic/17262/the-raspimirror-was-born/7

                  1 Reply Last reply Reply Quote 0
                  • P Offline
                    p1lspeda
                    last edited by Oct 12, 2022, 8:33 AM

                    Great Module, but I think I found a small issue/bug.

                    f512ed7a-f5f5-4479-804c-ef4435ce26dd-image.png

                    The October I live in has 31 days, any idea what’s wrong ?

                    S B 2 Replies Last reply Oct 12, 2022, 12:49 PM Reply Quote 0
                    • S Away
                      sdetweil @p1lspeda
                      last edited by sdetweil Oct 12, 2022, 12:49 PM Oct 12, 2022, 12:49 PM

                      @p1lspeda I had a similar problem in code I am porting.

                      month takes 4 or 5 weeks to show all the days… oops or 6 occasionally!

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 4 / 8
                      • 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