Tag anzeigen lassen bei Wetteranzeige in TabletUI

Begonnen von Kusselin, 26 August 2020, 10:35:34

Vorheriges Thema - Nächstes Thema

Kusselin

Hallo ZUsammen, ich lasse mir in Zablet UI das Wetter in einer 5Tage Vorschau anzeigen
<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>


<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<div data-type="weather" data-device="WetterProplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>


Wie bekomme ich es dann noch hin damit mir über dem jeweiligen Tag automatisch der Tag angezeigt wird? Es muss nicht das Datu,m angezeigt werden nur der Tag..also "Heute" "morgen" "Fr." "Sa" "So" usw. 

Ich habe nichts gefunden.

Über ne Info vielen Dank.

yersinia

Du kannst data substitution im label widget nutzen, einfach
<header>
     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>

hinzufügen, das ergibt dann
ZitatFreitag, 28.08.
Der <header>-tag ist optional.

Vollständig würde das so aussehen:
<div class="col-1">
<header>Heute</header> <!-- NEU -->
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header>Morgen</header> <!-- NEU -->
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>


<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>

<div class="col-1">
<header> <!-- NEU -->
     <div data-type="label" data-device="WetterProplanta" data-get="fc5_date" data-substitution="toDate().eeee()+','" class="inline darker"></div>
                     <div data-type="label" data-device="WetterProplanta" data-get="fc5_date" data-substitution="toDate().ddmm()" class="inline darker"></div>
                </header>
<div data-type="weather" data-device="WetterProplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="mini"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_weatherDay" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMin" data-unit="%B0C%0A" class="cell inline"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc5_tempMax" data-unit="%B0C%0A" class="cell inline"></div>
</div>
viele Grüße, yersinia
----
FHEM 6.4 (SVN) on RPi 4B with RasPi OS Bookworm (perl 5.36.0) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

Kusselin

Hallo Yersinia,

vielen vielen herzlichen Dank. Wieder was gelernt!!
Viele Grüße