{"id":124677,"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\/es\/soporte\/visualizacion-de-la-fecha-actual","title":{"rendered":"C\u00f3mo dise\u00f1ar una pantalla para la fecha y hora actuales"},"content":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a dise\u00f1ar una pantalla para la fecha y hora actuales.<\/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>As\u00ed es como se construye:<\/p>\n<h3>Ver<\/h3>\n<p>Coloca dos \u00abTextos\u00bb uno al lado del otro en el lienzo; uno mostrar\u00e1 la fecha actual y el otro, la hora actual.<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=\"fecha del sistema\" width=\"841\" height=\"330\"><\/p>\n<h3>Eventos<\/h3>\n<p><span data-preserver-spaces=\"true\">Con el primer texto seleccionado, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\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=\"fecha del sistema\" width=\"841\" height=\"330\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Haz clic en \u00abElegir activador\u00bb en el cuadro de di\u00e1logo y selecciona \u00abal cargar la p\u00e1gina\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y selecciona el texto.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\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=\"fecha del sistema\" width=\"841\" height=\"330\"><\/li>\n<li><span data-preserver-spaces=\"true\">En la pesta\u00f1a \u00abConstantes\u00bb del constructor de expresiones de valor, arrastra \u00abFecha del sistema\u00bb a la expresi\u00f3n y haz clic en \u00abAceptar\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=\"Expresi\u00f3n de la fecha del sistema\">Expresi\u00f3n de la fecha del sistema<\/video><\/li>\n<\/ol>\n<p>Repite las acciones para el segundo texto y selecciona \u00abTiempo de Sistema\u00bb en el \u00faltimo paso.<br \/>\nSimula tu prototipo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo aprender\u00e1s a dise\u00f1ar una pantalla para la fecha y hora actuales. As\u00ed es como se construye: Ver Coloca dos \u00abTextos\u00bb uno al lado&#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":[8430,8424],"tags":[],"class_list":["post-124677","post","type-post","status-publish","format-standard","hentry","category-componentes-avanzados","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124677"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124677"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124677\/revisions"}],"predecessor-version":[{"id":126174,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124677\/revisions\/126174"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}