Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

Heure et date Dashboard

Cette partie est réservée à l'utilisation de l'interface web de configuration de JEEDOM
Répondre
Clems46
Timide
Messages : 35
Inscription : 04 nov. 2017, 19:38

Heure et date Dashboard

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

Avatar de l’utilisateur
PrFalKeN
Actif
Messages : 936
Inscription : 27 nov. 2017, 18:51

Re: Heure et date Dashboard

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

:geek:

Clems46
Timide
Messages : 35
Inscription : 04 nov. 2017, 19:38

Re: Heure et date Dashboard

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
Timide
Messages : 2
Inscription : 19 déc. 2017, 15:41

Re: Heure et date Dashboard

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
dashscreen_final.png (410.35 Kio) Consulté 3967 fois

Mike
Timide
Messages : 334
Inscription : 17 janv. 2015, 14:23

Re: Heure et date Dashboard

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
Capture d’écran 2018-07-06 à 18.38.10.png (23.19 Kio) Consulté 3942 fois
L'avantage c'est que c'est le navigateur qui gère et qu'on a la main sur le design.

M

M
--
Jeedom sous UpBoard

chritophe58
Timide
Messages : 78
Inscription : 09 mars 2018, 13:25

Re: Heure et date Dashboard

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
heure.JPG (97.15 Kio) Consulté 3856 fois

design jeedom
date design.JPG
date design.JPG (62.87 Kio) Consulté 3856 fois

tu aurais un code pour mettre la date ??
DIY.. Raspberry pi3, Z-wave, Rfxcom, chacon, dio, ....

Mike
Timide
Messages : 334
Inscription : 17 janv. 2015, 14:23

Re: Heure et date Dashboard

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
--
Jeedom sous UpBoard

Avatar de l’utilisateur
coke
Helper
Messages : 582
Inscription : 21 juil. 2014, 11:37
Localisation : essonne

Re: Heure et date Dashboard

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
Capture.PNG (11.19 Kio) Consulté 3844 fois
MERCI À L'ÉQUIPE POUR LE TAF

Helper Officiel Jeedom

Mike
Timide
Messages : 334
Inscription : 17 janv. 2015, 14:23

Re: Heure et date Dashboard

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
--
Jeedom sous UpBoard

Avatar de l’utilisateur
coke
Helper
Messages : 582
Inscription : 21 juil. 2014, 11:37
Localisation : essonne

Re: Heure et date Dashboard

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
MERCI À L'ÉQUIPE POUR LE TAF

Helper Officiel Jeedom

OUARZA
Timide
Messages : 298
Inscription : 13 févr. 2019, 08:10

Re: Heure et date Dashboard

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

Avatar de l’utilisateur
Donut
Timide
Messages : 182
Inscription : 07 févr. 2017, 09:53
Localisation : Charente-Maritime

Re: Heure et date Dashboard

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...

Avatar de l’utilisateur
Salvialf
Helper
Messages : 1334
Inscription : 24 févr. 2018, 09:37
Contact :

Re: Heure et date Dashboard

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
VM Jeedom 3.2.16 sous Proxmox 5.4 sur NUC5i5RYH (Debian 9.9)
Helper Officiel Jeedom
Widgets développés
Téléchargement d'icônes domotique (Topic Forum)

OUARZA
Timide
Messages : 298
Inscription : 13 févr. 2019, 08:10

Re: Heure et date Dashboard

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

Répondre

Revenir vers « Portail web classique (Desktop) »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité