Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Calendar Widget

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Calendar Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      AndreasHeins last edited by

      @Scrounger

      Danke für deine Nachricht.

      1. Die Einstellung habe ich glatt übersehen.

      1,2,4 Issues sind erstellt.

      Gruß
      Andreas

      1 Reply Last reply Reply Quote 0
      • Stephan Schleich
        Stephan Schleich last edited by

        @Scrounger ist eine Listenansicht auch geplant? Fänd ich toll 🙂

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @Stephan Schleich last edited by

          @Stephan-Schleich
          Dafür kannst das du das List Widget oder Tablet WIdget nehmen. In der Doku gibt's dafür auch nen beispiel Skript bzw. Link dazu.

          Stephan Schleich 1 Reply Last reply Reply Quote 0
          • Stephan Schleich
            Stephan Schleich @Scrounger last edited by

            @Scrounger So hab ich's derzeit gelöst.
            Hätte es cool gefunden wenn man das mit im Kalender Widget integriert hätte somit hatte man alles in einem.

            1 Reply Last reply Reply Quote 0
            • S
              stefande @Scrounger last edited by

              @Scrounger
              Mal eine blöde Frage.
              Ich hab jetzt auch mal das Calendar Widget installiert und es scheint soweit auch zu funktionieren.
              Was ich jedoch nicht hinbekomme ist die vernünftige Darstellung eines Termins der über mehrere Tage geht.
              So ein Termin ist am ersten Tag oben sichtbar aber an den folgenden Tagen nicht. Klicke ich mit der Maus auf den Termin werden die folgenden Tage auch mit der Farbe markiert, die ich unter "Farbe selektiert / Hover" unter Layout der Kalendertasten eingetragen habe.
              Wie bekomme ich es hin, dass ich einen Termin der über mehrere Tage geht auch dauerhaft farblich markiert wird?

              Scrounger 1 Reply Last reply Reply Quote 0
              • Scrounger
                Scrounger Developer @stefande last edited by

                @stefande
                Welche Version verwendest du?
                Sollte seit 0.3.6 behoben sein.

                S 1 Reply Last reply Reply Quote 0
                • S
                  stefande @Scrounger last edited by

                  @Scrounger

                  Danke. Hat sich erledigt.
                  Hatte einen Fehler im Javascript

                  1 Reply Last reply Reply Quote 0
                  • Peoples
                    Peoples @Scrounger last edited by Peoples

                    Hi mal ne blöde Frage aber bin ich der Einzige bei dem mehrtägige Ereignisse wie bspw. Urlaub einen Tag zu lange im Kalender dargestellt werden?

                    Hab das jetzt mal mit einem Workaround gelöst in dem ich eine Minute abziehe:

                    if (startTime.format('HH:mm') === '00:00' && endTime.format('HH:mm') === '00:00') {
                                           
                                            // is full-day event
                                            if (endTime.diff(startTime, 'hours') === 24) {
                                                // full-day event, one day
                                                start = startTime.format("YYYY-MM-DD");
                                                end = startTime.format("YYYY-MM-DD");
                                            }
                                            else{ 
                                                // full-day event, multiple days
                                                start = startTime.format("YYYY-MM-DD");
                                                end = endTime.format("YYYY-MM-DD HH:mm");
                                                if(endTime.format('HH:mm') === '00:00'){
                                                    // Ergänzungen wegen falschem ende
                                                    let wishdate = new Date(end);
                                                    let newdate = (wishdate.getTime() -60000); 
                                                    end = moment(newdate).format("YYYY-MM-DD")
                                                    //log(moment(newdate).format("YYYY-MM-DD  HH:mm"))  
                                                }
                                            }
                                        }
                    

                    Wie ist das bei euch?

                    1 Reply Last reply Reply Quote 0
                    • N
                      nousefor82 last edited by

                      @Scrounger

                      Servus, ist es möglich, die Hintergrundfarbe auf "transparent" zu setzen?

                      Wenn ich "transparent" eingebe, passiert genau nichts.

                      Danke!

                      Scrounger 1 Reply Last reply Reply Quote 0
                      • Scrounger
                        Scrounger Developer @nousefor82 last edited by

                        @nousefor82 sagte in Material Design Widgets: Calendar Widget:

                        Servus, ist es möglich, die Hintergrundfarbe auf "transparent" zu setzen?
                        Wenn ich "transparent" eingebe, passiert genau nichts.

                        Geht aktuell noch nicht, in der kommenden Version geht es dann.

                        N 1 Reply Last reply Reply Quote 0
                        • N
                          nousefor82 @Scrounger last edited by

                          @Scrounger

                          Super, danke!

                          1 Reply Last reply Reply Quote 0
                          • D
                            danreh23 last edited by danreh23

                            Hallo,
                            habe seit neuestem das Problem das der Wochentag nicht mehr zum Datum passt.
                            Jemand eine Idee?
                            Habe schon alles kontrolliert, kann aber nichts finden.

                            Danke!

                            @Scrounger : Kannst du mir hier weiterhelfen? Der Fehler tritt auch bei neu eingefügten Kalendern auf.

                            c9ba4489-7b54-4374-82f8-dfd7ec33fb83-image.png

                            Scrounger 1 Reply Last reply Reply Quote 0
                            • Scrounger
                              Scrounger Developer @danreh23 last edited by

                              @danreh23 sagte in Material Design Widgets: Calendar Widget:

                              habe seit neuestem das Problem das der Wochentag nicht mehr zum Datum passt.

                              Hast du zufällig eine Version direkt von github installiert?
                              Wenn nein was steht in der console des browsers (F12)?

                              D 1 Reply Last reply Reply Quote 0
                              • D
                                danreh23 @Scrounger last edited by

                                @Scrounger Ja habe direkt über Github installiert.
                                hier der Auszug aus der Konsole, meinst du das?
                                <div class="v-calendar-daily_head-weekday">Sonntag</div>

                                Scrounger 1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @danreh23 last edited by

                                  @danreh23
                                  OK dann liegt's an der GitHub Version hatte da Mal nen Fehler drin, der aber schon lange behoben ist. Immer bedenken GitHub Version sind Alpha!
                                  Installier aus latest, die sind entsprechens getestet.

                                  1 Reply Last reply Reply Quote 0
                                  • D3ltoroxp
                                    D3ltoroxp last edited by D3ltoroxp

                                    Dieses Calender Widget funktioniert momentan nur mit dem ical Adapter und deinem Umwandlungsscript ?

                                    Muss ich in dem Script noch was einstellen ? Hab das jetzt laufen und dem Calender Widget den Datenpunkt gegeben aus deinem Script, aber ich sehe dort nichts.

                                    1 Reply Last reply Reply Quote 0
                                    • N
                                      nerg last edited by nerg

                                      @Scrounger : Schon jetzt vielen dank für die geilen Widgets. Ich baue grad meine ganze VIS um.

                                      Eine Frage zum Kalender Widget: Kann man auch die Terminübersicht nachbauen? Die finde ich immer am übersichtlichsten. Kann ich ggf. helfen?

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • Scrounger
                                        Scrounger Developer @nerg last edited by

                                        @nerg
                                        Was meinst du mit Terminübersicht?

                                        N 1 Reply Last reply Reply Quote 0
                                        • N
                                          nerg @Scrounger last edited by

                                          @Scrounger
                                          Eine Ansicht in diesem Stil:
                                          d62ce691-19f3-4b7c-b1cd-c6cb6a7cb515-grafik.png

                                          Scrounger 1 Reply Last reply Reply Quote 1
                                          • Scrounger
                                            Scrounger Developer @nerg last edited by

                                            @nerg sagte in Material Design Widgets: Calendar Widget:

                                            @Scrounger
                                            Eine Ansicht in diesem Stil:
                                            d62ce691-19f3-4b7c-b1cd-c6cb6a7cb515-grafik.png

                                            Gibt es bei der verwendeten API leider nicht:
                                            https://vuetifyjs.com/en/components/calendars/

                                            @nerg sagte in Material Design Widgets: Calendar Widget:

                                            @Scrounger : Schon jetzt vielen dank für die geilen Widgets. Ich baue grad meine ganze VIS um.
                                            Kann ich ggf. helfen?

                                            Könntest das als Feature Request beim vuetify für calendar anfragen. Wenn das seitens API implementiert ist, kann ich das auch implementieren:

                                            1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            931
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            45
                                            200
                                            25910
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo