El Camino del Developer : Trabajando con el Campo datetine-local

Hola amigossss. jejeje hoy les vengo a traer un post de los muchos que llegaran a los que se les titula el Camino del Developer. jajaja. hoy hablando del campo datetime-local de HTML5 que bastante interesante es pero que hay que tener mucho cuidado y atención y saber uno que otro truco cuando lo utilizamos. 

Bueno sin mas palabras vamos al grano, el campo de type datetime-local nos renderizara una caja muy parecida a un datetime-picker de esos bonitos como los que tiene JQuery UI u otros frameworks, solo que este no tiene tanto skin pero como es HTML5 le podemos hacer lo que queramos con CSS. plasmarlo en tu form no es complicado solo deberás montar un input de la siguiente forma.

y lo que a continuación les clocare son los posibles atributos que este objeto/complemento o como le quieras llamar puede utilizar.


  •  global attributes
  • name
  • disabled
  • form
  • type
  • autocomplete
  • autofocus
  • list
  • min
  • max
  • step
  • readonly
  • requred
  • value
Si desean saber mas sobre estos atributos les recomiendo este link de la W3C. Link W3C

Ahora les dejo un Hack.... no no creo que sea un Hack mas bien es un truco porque a la hora de colocar la fecha que hemos guardado en la DB nos vamos a volver loco buscando en google una solución. resulta ser que para colocar la fecha en el campo desde JS ya sea JQuery o cualquier otro framework el contenido que deseamos mostrar en este caso la fecha almacenada debe ser un String,,, Ouchh!! si un String pero carajos es un campo date jajaja pero tranquilos. la solución es simple pueden hacerla de esta forma.

con JQuery 

$('elcampo').val(objson.toString());

Listo con esa linea pasando el dato que has traído desde tu DB en formato JSON podrás colocar de nuevo la fecha desde JS. espero esto sea de gran ayuda para ti cuando estés revisando el tema de los datetime-local. 

no se te olvide darle un +1 y compartir este articulo en las redes sociales :D

Comentarios

Publicar un comentario

Entradas populares de este blog

Comunicaciones Unificadas, una Realidad...

Enviar SMS utilizando Laravel y Amazon SNS

Cloudflare y los problemas de UTF-8