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 month header and current date format

    Scheduled Pinned Locked Moved Solved Troubleshooting
    8 Posts 4 Posters 1.5k 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.
    • M Offline
      MMRIZE @jdcpuwiz
      last edited by MMRIZE

      @jdcpuwiz
      1.
      You mean this? (ABRIL in the picture)
      4ab29408-59d4-416b-aacc-3ff6d2503cfd-image.png

      .MMM-CalendarExt3 .module-header {
        color: gold;
        font-family: "Verdana", "sans-serif";
        font-size: 20px;
        font-weight: bold;
      }
      
      1. For your second question;
        What you want is to show same? or different?
        Each .cellDate has parts to control displaying.
        For example;
        c609ada5-26e5-4be9-9fef-ab8fea9bdb91-image.png
        These two days (Apr 3 and 4) have same HTML structure like this;
      <div class="cellDate">
        <span class="dateParts month seq_0">Apr</span>
        <span class="dateParts literal seq_1"> </span>
        <span class="dateParts day seq_2">4</span>
      </div>
      

      And then, they are controlled by CSS.

      .CX3 .cellDate :not(.day) {
        display: none;
      } /* Hide all parts not `.day`... (i.e: `month` or `year` or any `literal` marks)*/
      
      .CX3 .today .cellDate :not(.day) {
        display: inline-block;
      } /* But in `.today` cell, show all the parts. */
      
      .CX3 .date_1 .cellDate :not(.day) {
        display: inline-block;
      } /* and in `.date_1` (first day) of the month */
      
      

      So you can override CSS as you want in your custom.css

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

        @jdcpuwiz
        Or what you want to display is just numeric day only,
        just set configuration like this;

        cellDateOptions: {day: 'numeric'},
        
        J R 3 Replies Last reply Reply Quote 0
        • J Offline
          jdcpuwiz @MMRIZE
          last edited by

          @MMRIZE Thanks for the help, I am going to give this a try and get back to you.

          1 Reply Last reply Reply Quote 0
          • J Offline
            jdcpuwiz @MMRIZE
            last edited by

            @MMRIZE That worked perfectly. Thank you so much!

            1 Reply Last reply Reply Quote 0
            • R Offline
              reverendz @MMRIZE
              last edited by

              @MMRIZE said in MMM-CalendarExt3 month header and current date format:

              cellDateOptions: {day: ‘numeric’},

              This works great! Is there any way I can keep this bit:

              .CX3 .date_1 .cellDate :not(.day) {
              display: inline-block;
              } /* and in .date_1 (first day) of the month */

              But not show the same information in today?

              Or, is there a way to put a red circle around the numeric bit of the date?

              plainbrokeP 1 Reply Last reply Reply Quote 0
              • plainbrokeP Offline
                plainbroke @reverendz
                last edited by

                @reverendz
                @MMRIZE
                Following I would like to Circle the current date also.
                Would make it easier to find todays date for me I tend to loose track of date.

                Slow learner. But trying anyways.

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

                  @plainbroke @reverendz
                  Instead of .date_xx, use .today to point today’s cell.

                  And about the circle; https://forum.magicmirror.builders/topic/18324/mmm-calendarext3-show-color/11?_=1736098133616

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