Heure et date Dashboard

Clems46 · Message par **Clems46** » 03 déc. 2017, 19:33

Bonjour à tous,

Je ne suis pas encore très familier avec Jeeddom, mais j'essaye

Je voudrais juste simplement afficher l'heure et la date sur le dashboard, comment je peux faire ?

Merci

PrFalKeN · Message par **PrFalKeN** » 03 déc. 2017, 19:36

Bonjour,

Tu peux installer le plugin horlogehtc de Zitoune par exemple... tu auras à la fois l'heure et la météo en plus si tu le veux

Clems46 · Message par **Clems46** » 03 déc. 2017, 19:45

Cool Merci ça marche niquel !
J'ai un peu de mal à trouver les plugins dans le market

chris58 · Message par **chris58** » 04 juil. 2018, 14:47

bonjour
ma question est comment inclure la date et l'heure sur le dashboard de jeedom et également sur un design ? soit en html ou script ou autre
merci
un peu comme ceci:

: dashscreen_final.png (410.35 Kio) Consulté 11090 fois

Mike · Message par **Mike** » 06 juil. 2018, 18:39

Hello,

Sur mon design, j'ai juste ajouté un composant "texte/html" avec le code suivant:

Code : Tout sélectionner

<style>
 #clock{
 background-color:transparent;
 color:white;
 display:inline;
 font-size:40px;
 padding:0px;
 border: 0px solid darkgrey;
 
  height: 100px;
  line-height: 100px;
  white-space: nowrap;
}
  a#bt_returnFullScreen {
  display: none !important;
}
</style>
<head>
 <script>
  var myTimer = setInterval(setClock,1000);
  function setClock(){
  document.getElementById("clock").innerHTML=new Date().toLocaleTimeString(navigator.language, {hour: '2-digit', minute:'2-digit'});
  }
 </script>
</head>
<body>
  <div align="center"><p id="clock">HH:MM</p></div>
</body>

Ce qui donne ça :

: Capture d’écran 2018-07-06 à 18.38.10.png (23.19 Kio) Consulté 11065 fois

L'avantage c'est que c'est le navigateur qui gère et qu'on a la main sur le design.

M

M

chritophe58 · Message par **chritophe58** » 20 juil. 2018, 15:26

Mike a écrit : ↑
06 juil. 2018, 18:39
Hello,

Sur mon design, j'ai juste ajouté un composant "texte/html" avec le code suivant:
Code : Tout sélectionner
<style>
 #clock{
 background-color:transparent;
 color:white;
 display:inline;
 font-size:40px;
 padding:0px;
 border: 0px solid darkgrey;
 
  height: 100px;
  line-height: 100px;
  white-space: nowrap;
}
  a#bt_returnFullScreen {
  display: none !important;
}
</style>
<head>
 <script>
  var myTimer = setInterval(setClock,1000);
  function setClock(){
  document.getElementById("clock").innerHTML=new Date().toLocaleTimeString(navigator.language, {hour: '2-digit', minute:'2-digit'});
  }
 </script>
</head>
<body>
  <div align="center"><p id="clock">HH:MM</p></div>
</body>
Ce qui donne ça :
Capture d’écran 2018-07-06 à 18.38.10.png

L'avantage c'est que c'est le navigateur qui gère et qu'on a la main sur le design.

M

M

salut,
j'ai essayé ton code, nikel, juste une chose sur un editeur html le code donne aussi les secondes, mais pas sur le design jeedom ??
saurais tu pk ?

voilà le résultat

editeur html

: heure.JPG (97.15 Kio) Consulté 10979 fois

design jeedom

: date design.JPG (62.87 Kio) Consulté 10979 fois

tu aurais un code pour mettre la date ??

Mike · Message par **Mike** » 20 juil. 2018, 16:10

Hello,

Pour la date je ne sais pas, mais on doit pouvoir s'inspirer d'un truc comme ceci:
https://www.codexworld.com/create-digit ... avascript/

(sinon, chercher "clock date javascript" sur Google)

Pour les secondes qui apparaissent, c'est toi qui a ajouté du code sur la ligne qui contient:

Chez moi:

Code : Tout sélectionner

hour: '2-digit', minute:'2-digit'

Chez toi:

Code : Tout sélectionner

hour: '2-digit', minute:'2-digit', second:'2-digit'

M

Message par **coke** » 20 juil. 2018, 16:35

Bonjour,

sinon beaucoup plus simple création d'un virtuel ( utilisable sur le dashboard et en design)

: Capture.PNG (11.19 Kio) Consulté 10967 fois

Mike · Message par **Mike** » 20 juil. 2018, 17:24

J'ai suivi cette approche à un moment, mais je n'aime pas trop l'idée de lancer une mise à jour de virtuel chaque minute juste pour faire bouger une horloge. Parce que sauf erreur, tes valeurs ne vont pas se rafraichir seules ... si ?

M

Message par **coke** » 20 juil. 2018, 17:31

Bas si, j'utilise cette méthode dans mon design et cela ce met a jour tout seul, pas de refresh a faire

OUARZA · Message par **OUARZA** » 02 avr. 2019, 18:36

Hello,
Désolé pour le déterrage de sujet.
Je suis comme Mike, j'ai du mettre un cron toutes les minutes pour avoir une actualisation du virtuel.
Mat

Donut · Message par **Donut** » 13 mai 2019, 15:53

avec un virtuel la personnalisation via CSS reste restreinte.
Je préfère y aller directement avec une zone HTML/Text mais le souci impossible de faire apparaître la date, je ne comprends pas pourquoi...

Widgets développés · Message par **Salvialf** » 13 mai 2019, 15:59

Bonjour,

Juste pour info au cas où vous n'ayez pas vu, il existe un widget entièrement personnalisable pour afficher la date et l'heure: viewtopic.php?f=29&t=44726

OUARZA · Message par **OUARZA** » 10 sept. 2019, 09:15

Hé hé merci Salvialf !
Je vais l'installer et voir si il correspond à ce que j'ai actuellement.
Mathieu

Heure et date Dashboard

Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Re: Heure et date Dashboard

Qui est en ligne ?