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

Scheduled Pinned Locked Moved Solved Troubleshooting
8 Posts 4 Posters 1.4k 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 Apr 3, 2023, 10:21 AM Apr 3, 2023, 9:29 AM

    @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 Apr 3, 2023, 12:37 PM

      @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 Apr 4, 2023, 12:42 AM Reply Quote 0
      • J Offline
        jdcpuwiz @MMRIZE
        last edited by Apr 4, 2023, 12:42 AM

        @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 Apr 7, 2023, 3:51 PM

          @MMRIZE That worked perfectly. Thank you so much!

          1 Reply Last reply Reply Quote 0
          • R Offline
            reverendz @MMRIZE
            last edited by Jan 4, 2025, 4:50 AM

            @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?

            P 1 Reply Last reply Jan 5, 2025, 3:11 AM Reply Quote 0
            • P Offline
              plainbroke @reverendz
              last edited by Jan 5, 2025, 3:11 AM

              @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 Jan 5, 2025, 5:27 PM Reply Quote 0
              • M Offline
                MMRIZE @plainbroke
                last edited by MMRIZE Jan 5, 2025, 5:33 PM Jan 5, 2025, 5:27 PM

                @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