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.

    set the calendar day to a short version

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    17 Posts 4 Posters 3.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.
    • G Offline
      greedyvegan @skyzuma
      last edited by greedyvegan

      @skyzuma

      what you want to modify is listed in calender.js

      dateEndFormat
      

      in the file config.js change your module’s config section
      (look at the red font)

      {
      module: "calendar",
      header: 
      position: 
      **config**: {
      calendars: [
      			{
      			 fetchInterval: 7 * 24 * 60 * 60 * 1000,
      			symbol: "calendar-check",
                              dateEndFormat: "the date format you want",
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        skyzuma @greedyvegan
        last edited by

        its not:

        calender.js > dateEndFormat = “LT”
        https://www.npmjs.com/package/dateformat > there is no “dateEndFormat”, only “dateFormat” and no “LT”, what means LT?

        and there is no example of what i need … if i add the calendar module to MM there is a table with 2 cells with this informations:

        name of the event : “full dayname of the week” at 00:00 … and this full dayname i need to a shorter verion … on a german language this name is much much longer …

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

          @skyzuma the calendar module like many others, has a lot of configuration options.

          the design of MagicMirror provides for a module to set default values, that can be overridden by the user independantly., only if they need to change from the options default value.

          if you look at the sample config.js, the clock and compliments modules don’t list any config options, as they are using the defaults set by those modules.

          the documentation should list all of the options for a module, and their default values.
          i see that the doc for calendar has lost quite a bit of that info, and have opened an issue to get this resolved.

          dateEndFormat is missing from the doc. its default value is ‘LT’

          calendar uses the moment library for date processing, including formatting output
          see
          https://momentjscom.readthedocs.io/en/latest/moment/04-displaying/01-format/

          LT is shorthand for ‘h:mm A’, which means
          h - hour, 12 hour format, no leading zero
          mm - minutes, leading 0 to make 2 numbers always
          A - am or pm, capitalized
          colon and space are treated as literal characters in the output, any characters not used by formst to specify the formatting options may be used as literals

          by specifying the dateEndFormat in config.js, the execution will use your definition for that option instead of the modules default value (‘LT’)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            if i understand all correct so i need to change in my case not “dateEndFormat” … i need to change “dateFormat: “MMM Do”,” or “fullDayEventDateFormat: “MMM Do”,” to change the name of the week to a shorter version, correct?

            but what means “MMM Do” ? i cant see on both site this format … and if i see this correct, the cell contais dateFormat + dateEndFormat = MMM Do + LT, or iam wrong?

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

              @skyzuma if you read the formatting options link i provided in the last post, you would see

              the MMM means the 3 letter english month name

              Screenshot_20240403_065852_Chrome.jpg

              Sam

              How to add modules

              learning how to use browser developers window for css changes

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

                thats correct but i need ONLY a short day name for an event with an time. the next event is “Friday at 15:30” … but i need “Fri at 15:30” - its “ddd” - but where i set this? i cant change “dateFormat” or “dateEndFormat” that will change ALL i think

                MMM Do is important for evnets in a few weeks / month like “May 14th”
                LT is ONLY the time on an event on a day

                i think this cant change in the config.js … i think this need to be changed in the source code or maybe as an option, idk …

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

                  i think my “problem” is on calendar.js:455 - nextWeek: “dddd” … this need an option to set this to “ddd” for a short version … ive testet it to set this in config.js but there are no changes after MM restart …

                  S 3 Replies Last reply Reply Quote 0
                  • S Offline
                    sdetweil @skyzuma
                    last edited by

                    @skyzuma show the config.js settings for calendar, xxx out the url but dont change anything else

                    there are 3 format

                    dateFormat is the event START date/time, when NOT a full day event
                    dateEndFormat is event END date/time, when NOT a full day event
                    fullDateFormat is for the date when the event IS a full date event (has no time)

                    spelling case matters. mm is case sensitive

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

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

                      @skyzuma said in set the calendar day to a short version:

                      nextWeek: “dddd” … this need an option to set this to “ddd

                      open an issue on github for magicmirror

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

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

                        @skyzuma said in set the calendar day to a short version:

                        ive testet it to set this in config.js but there are no changes after MM restar

                        yes, only variables defined in the defaults section of the modulename.js are addressable and over-ridable via config.js

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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