{"id":124679,"date":"2022-11-16T17:23:50","date_gmt":"2022-11-16T16:23:50","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-display-for-the-current-date-time\/"},"modified":"2025-02-03T16:44:38","modified_gmt":"2025-02-03T15:44:38","slug":"how-to-create-a-display-for-the-current-date-time","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/affichage-pour-la-date-actuelle","title":{"rendered":"Comment concevoir un affichage de la date et de l&rsquo;heure actuelles"},"content":{"rendered":"<p>Dans cet article, vous apprendrez \u00e0 concevoir un affichage de la date et de l&rsquo;heure actuelles.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73127544\/index.html\" width=\"820px\" height=\"250px\" frameborder=\"0\"><\/iframe><\/p>\n<p>Voici comment le construire :<\/p>\n<h3>Voir<\/h3>\n<p>Placez deux \u00ab\u00a0textes\u00a0\u00bb l&rsquo;un \u00e0 c\u00f4t\u00e9 de l&rsquo;autre sur le canevas ; l&rsquo;un indiquera la date actuelle et l&rsquo;autre l&rsquo;heure actuelle.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70596\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/current-date-and-time-1.png\" alt=\"date du syst\u00e8me\" width=\"841\" height=\"330\"><\/p>\n<h3>Ev\u00e9nements<\/h3>\n<p><span data-preserver-spaces=\"true\">Le premier texte \u00e9tant s\u00e9lectionn\u00e9, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70596\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/current-date-and-time-2.png\" alt=\"date du syst\u00e8me\" width=\"841\" height=\"330\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb dans la bo\u00eete de dialogue et s\u00e9lectionnez \u00ab\u00a0on Page Load\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et s\u00e9lectionnez le texte.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez la case d&rsquo;option \u00ab\u00a0Calcul\u00e9\u00a0\u00bb pour la valeur et cliquez sur \u00ab\u00a0Ajouter une expression\u00a0\u00bb.<\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70596\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/current-date-and-time-3.png\" alt=\"date du syst\u00e8me\" width=\"841\" height=\"330\"><\/li>\n<li><span data-preserver-spaces=\"true\">Dans l&rsquo;onglet \u00ab\u00a0Constantes\u00a0\u00bb du g\u00e9n\u00e9rateur d&rsquo;expressions de valeur, faites glisser \u00ab\u00a0Date du syst\u00e8me\u00a0\u00bb dans l&rsquo;expression et cliquez sur \u00ab\u00a0Ok\u00a0\u00bb.<\/span><br \/>\n<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/system-date-expression.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/system-date-expression.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/system-date-expression.png\" alt=\"Expression de la date du syst\u00e8me\">Expression de la date du syst\u00e8me<\/video><\/li>\n<\/ol>\n<p>R\u00e9p\u00e9tez les actions pour le second texte et s\u00e9lectionnez \u00ab\u00a0System Time\u00a0\u00bb \u00e0 la derni\u00e8re \u00e9tape.<br \/>\nSimulez votre prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, vous apprendrez \u00e0 concevoir un affichage de la date et de l&rsquo;heure actuelles. Voici comment le construire : Voir Placez deux \u00ab\u00a0textes\u00a0\u00bb l&rsquo;un&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8433,8426],"tags":[],"class_list":["post-124679","post","type-post","status-publish","format-standard","hentry","category-composants-avances","category-comment-faire"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124679"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124679"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124679\/revisions"}],"predecessor-version":[{"id":126176,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124679\/revisions\/126176"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}