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-Sunrise-Sunset

    Scheduled Pinned Locked Moved Utilities
    44 Posts 9 Posters 19.3k Views 10 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.
    • H Offline
      henry2man @vbloke
      last edited by

      @vbloke In this link there is a simple way to get a ISO 8601 into your local timezone --> https://stackoverflow.com/a/31453408

      var utcDate = '2011-06-29T16:52:48.000Z';  // ISO-8601 formatted date returned from server
      var localDate = new Date(utcDate);
      

      api.sunrise-sunset.org can return ISO 8601 dates using

      formatted=0
      

      parameter…

      If date parsing is the major issue & this solution works I think this approach is simpler. Even you can default the URL and simply configure lat/long & style (inline/list)

      Just my 2 cents…

      1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @vbloke
        last edited by

        @vbloke

        This is right out of my MMM-SunRiseSet module.

        Feel free to use it if you like. :thumbsup:

        // sunrise set to local time using moment
           var sunrise = document.createElement("div");
           sunrise.classList.add("small", "bright", "sunrise");
           sunrise.innerHTML = "Sunrise is at " + moment(SunRiseSet.sunrise).local().format("h:mm a") + " &nbsp &nbsp "
        + "Sunset is at " + moment(SunRiseSet.sunset).local().format("h:mm a");
           wrapper.appendChild(sunrise);
        

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • pugslyP Offline
          pugsly @henry2man
          last edited by

          @henry2man
          I am having the same problem, whenever I put it in my config the display is blank.

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

            @pugsly not in config… you have to edit the actual module code

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            pugslyP 1 Reply Last reply Reply Quote 0
            • pugslyP Offline
              pugsly @sdetweil
              last edited by

              @sdetweil Not sure I know what you mean. When I put this in my config the screen is all blank:

                  {
                      module: "MMM-Sunrise-Sunset",
                      position: "top_right",
                      header: "Sunrise",
                      config: {
                          latitude: "39.2907",
                          longitude: "-75.6344",
                          apikey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
                          layout: "inline"
                              }
                  },
              
              S 2 Replies Last reply Reply Quote 0
              • S Offline
                sdetweil @pugsly
                last edited by

                @pugsly open the developers window on your blank screen MM, using ctrl-shift-i on the keyboard… select the tab labeled console and scroll up to find any errors

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                pugslyP 1 Reply Last reply Reply Quote 0
                • pugslyP Offline
                  pugsly @sdetweil
                  last edited by

                  @sdetweil

                  Uncaught ReferenceError: $ is not defined
                  at Class.updateSun (MMM-Sunrise-Sunset.js:33)
                  at Class.start (MMM-Sunrise-Sunset.js:12)
                  at startModules (loader.js:55)
                  at loader.js:40
                  at HTMLLinkElement.stylesheet.onload (loader.js:200)

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

                    @pugsly said in MMM-Sunrise-Sunset:

                    Uncaught ReferenceError: $ is not defined

                    this module depends on jquery library being installed for this module, but its not…,

                    I am working on instructions for you… hang on

                    do

                    cd ~/MagicMirror/modules/MMM-Sunrise-Sunset
                    npm install jquery
                    # note the trailing dot (.) on the next line
                    cp node_modules/jquery/dist/jquery.js .
                    

                    then start your mirror again

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    pugslyP D 2 Replies Last reply Reply Quote 0
                    • pugslyP Offline
                      pugsly @sdetweil
                      last edited by

                      @sdetweil said in MMM-Sunrise-Sunset:

                      cp node_modules/jquery/dist/jquery.js .

                      Slightly better, its displaying now but just says ‘Loading’

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

                        @pugsly ok, open the developers window again

                        this usually means that the api key is wrong … the api isn’t returning data

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

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