{"id":519,"date":"2011-11-19T08:14:25","date_gmt":"2011-11-19T15:14:25","guid":{"rendered":"https:\/\/gonzalo.aro.cl\/blog\/?p=519"},"modified":"2011-11-19T08:54:09","modified_gmt":"2011-11-19T15:54:09","slug":"ejemplo-de-datepicker-de-jquery-ui","status":"publish","type":"post","link":"https:\/\/gonzalo.aro.cl\/blog\/2011\/11\/19\/ejemplo-de-datepicker-de-jquery-ui\/","title":{"rendered":"Ejemplo de datepicker de jQuery UI"},"content":{"rendered":"

En el desarrollo de sistemas uno de los costos m\u00e1s importantes es trabajar con las fechas, en todo sentido, desde la interfaz hasta la base de datos. En el caso de la interfaz uno debe necesariamente proveerle al usuario un ordenamiento adecuado para que \u00e9l no se equivoque en el ingreso de datos.<\/p>\n

Es aqu\u00ed donde una herramienta \u00fatil es jQuery UI, que dentro de uno de sus componentes tiene el datepicker, si descargas lo ejemplos encontrar\u00e1s que son bastante \u00fatiles, pero en algunos casos, cuando tu quieres comenzar a hacer modificaciones es donde los problemas pasan. A mi personalmente me sucedieron dos cosas, la primera tiene que ver con los nombre, en las pantallas de los sistemas que trabajo existe siempre m\u00e1s de una fecha, por lo que debo crear m\u00e1s de una funci\u00f3n pero ya el ejemplo original de datepicker no funciona ya que debo cambiar el nombre y asignarle otro id. De esta forma puedes tener dentro de una p\u00e1gina la cantidad de datepicker que necesites.<\/p>\n

Que nombre debes cambiar, esta imagen tiene realtado del nombre que debes cambiar:<\/p>\n

\"ejemplo<\/a>

datepicker<\/p><\/div>\n

Puedes descargar el codigo del ejemplo blog_jQuery_datepicker_20111119<\/a><\/p>\n

Lo segundo que es \u00fatil mencionar es el CSS, cada una de las fuentes y medidas estan hechas con la unidad \u00abem\u00bb<\/em> dentro del CSS de jQuery esto significa que las medidas estan tomadas desde la \u00faltima medida establecida de tama\u00f1o de la fuente, por lo que si tienes un tama\u00f1o 12, las fuentes utilizadas en el calendario se veran s\u00f3lo un poco m\u00e1s peque\u00f1as.<\/p>\n","protected":false},"excerpt":{"rendered":"

En el desarrollo de sistemas uno de los costos m\u00e1s importantes es trabajar con las fechas, en todo sentido, desde la interfaz hasta la base de datos. En el caso de la interfaz uno debe necesariamente proveerle al usuario un ordenamiento adecuado para que \u00e9l no se equivoque en el ingreso de datos. Es aqu\u00ed […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,34,33,12],"tags":[],"class_list":["post-519","post","type-post","status-publish","format-standard","hentry","category-desarrollo","category-javascript","category-jquery","category-web"],"_links":{"self":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/519"}],"collection":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":6,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":527,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/posts\/519\/revisions\/527"}],"wp:attachment":[{"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gonzalo.aro.cl\/blog\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}