{"id":3601,"date":"2017-09-26T18:53:49","date_gmt":"2017-09-26T18:53:49","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3601"},"modified":"2017-09-26T18:53:49","modified_gmt":"2017-09-26T18:53:49","slug":"formularios-date-time-datetime-month-week","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/formularios-date-time-datetime-month-week\/","title":{"rendered":"Formularios Date, Time, Datetime, Month y Week"},"content":{"rendered":"\n<h1>Formularios Date, Time, Datetime, Month y Week<\/h1>\n<p><img data-opt-id=1048830895  fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-181\" src=\"https:\/\/mlniuewdmffl.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/http:\/\/disenoweb.mx\/wp-content\/uploads\/2015\/10\/post_feat_img_19.jpg\" alt=\"Formularios Date, Time, Datetime, Month y Week Formularios Date, Time, Datetime, Month y Week Formularios Date, Time, Datetime, Month y Week post feat img 19\" width=\"1170\" height=\"540\" title=\"post_feat_img_19 post_feat_img_19\"><\/p>\n<p>\u00a0<\/p>\n<p><a href=\"http:\/\/disenoweb.mx\/\">\u00a0TIPO DATE<\/a><\/p>\n<p>El nuevo tipo &lt;input type=\u201ddate\u201d&gt; es de los m\u00e1s esperados y \u00fatiles. En muchos de los\u00a0<em>sitios web<\/em>\u00a0es normal disponer de campos espec\u00edficos de fecha, donde el usuario debe especificar fechas (para un concierto, vuelo, reserva de hotel, etc). Al existir tantos formatos de fecha diferentes (DD-MM-YYYY o MM-DD-YYYY o YYYY-MM-DD), esto puede suponer un inconveniente para los desarrolladores o los propios usuarios\u00a0<em>dise\u00f1o web<\/em>.<br>\nEste nuevo tipo de campo resuelve estos problemas, ya que es el navegador el que proporciona la interfaz de usuario para el calendario, e independientemente del formato en el que se muestre, los datos que se env\u00edan al servidor cumplen la norma ISO para el formato de fechas <b><i>Formularios Date, Time, Datetime,Month y Week<\/i><\/b><\/p>\n<p>TIPO TIME<\/p>\n<p>El nuevo tipo &lt;input type=\u201dtime\u201d&gt; permite introducir una hora en formato 24h, y validarlo. De nuevo, es el navegador el encargado de mostrar la interfaz de usuario correspondiente: puede ser un simple campo donde es posible introducir la hora y los minutos, o mostrar algo m\u00e1s complejo como un reloj de agujas\u00a0<em>dise\u00f1o web Guadalajara.<\/em><\/p>\n<p>TIPO DATETIME<\/p>\n<p>Este nuevo tipo de campo es la combinaci\u00f3n de los tipos date y time, por lo que se valida tanto la fecha como la hora introducida\u00a0<em>dise\u00f1o web Df<\/em>.<\/p>\n<p>TIPO MONTH<\/p>\n<p>El nuevo tipo &lt;input type=\u201dmonth\u201d&gt; permite la selecci\u00f3n de un mes en concreto. La representaci\u00f3n interna del mes es un valor entre 1 y 12, pero de nuevo queda en manos del navegador la manera de mostrarlo al usuario, utilizando los nombres de los meses por ejemplo <b><i>Formularios Date, Time, Datetime,Month y Week<\/i><\/b>.<\/p>\n<p>TIPO WEEK<\/p>\n<p>El nuevo tipo &lt;input type=\u201dweek\u201d&gt; permite la selecci\u00f3n de una semana del a\u00f1o concreta. La representaci\u00f3n interna del mes es un valor entre 1 y 53, pero de nuevo queda en manos del navegador la manera de mostrarlo al usuario. La representaci\u00f3n interna de la semana 7, por ejemplo, es la siguiente: 2013-W07 <b><i>Formularios Date, Time, Datetime,Month y Week<\/i><\/b><\/p>\n<h1>Formularios Date, Time, Datetime, Month y Week<\/h1>\n<p><a href=\"https:\/\/www.facebook.com\/disenopaginaweb\">#Elementosdeunformularioparte2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formularios Date, Time, Datetime, Month y Week \u00a0 \u00a0TIPO DATE El nuevo tipo &lt;input type=\u201ddate\u201d&gt; es de los m\u00e1s esperados y \u00fatiles. En muchos de los\u00a0sitios web\u00a0es normal disponer de campos espec\u00edficos de fecha, donde el usuario debe especificar fechas (para un concierto, vuelo, reserva de hotel, etc). Al existir tantos formatos de fecha diferentes &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/disenoweb.mx\/blog\/formularios-date-time-datetime-month-week\/\"> <span class=\"screen-reader-text\">Formularios Date, Time, Datetime, Month y Week<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":187,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,55],"tags":[70,46,143,47,1208,128],"class_list":["post-3601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","tag-diseno","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-formularios-date-time-datetime-month-y-week","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3601"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3601\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}