Ir al contenido principal

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

Enviar SMS utilizando Laravel y Amazon SNS

Empezamos primero por saber que es Amazon SNS, este es un servicio que permite enviar notificaciones multicanal, multicarrier etc. nos permite manejar mensajes de texto(sms), notificaciones push(entre varios carriers como gcm, baidu, amazon, etc.) ademas de canales como el email, en si nos permite tener un espectro amplio en lo que se refiere a notificaciones.
Antes de empzar es importante contar con lo siguiente
AWS access key ID and secret access keyAWS_REGION (default = us-east-1):  Estos datos se pueden obtener en la consola de aws en la opcion de IAM, donde podemos crear un usuario con sus respctivos permisos en el cual vamos a indicar que puede utilizar SNS.

Despues de tener claro que contamos con lo necesario, procedemos a instalar el SDK de AWS el cual lo integraremos con nuestra app desarrollada en laravel.

Extrenando Otro Blog Sobre Mi

este es un nuevo blogger sobre mi Luis Toscano , soy un desarrollador web, Emprendedor y con muchas ganas de salir adelante aqui estare escribiendo sobre mis aventuras, trabajos y desarrollos toda esa locura que en mi mente descansa y que quiero ejercitar :-D jajajajaja los espero seguido por aca todo eso mientras migro el Wordprees de servidor :s Saludos a todos

El Camino del Developer : Tuberias en Windows usando PHP. (Administrador de Tareas)

Hola amigos alguna vez se han preguntado como acceder a la informacion que se encuentra en el taskmanager de Windows solo para saber si algo esta funcionando mal, bueno y ahora hacerlo desde tu web con PHP seria mejor. bueno mira  revisando mi biblioteca de codigos de esos que hace años tengo guardados me encontre con este pedacillo de codigo que permite revisar los procesos activos de tu servidor. lo he probado en mi laptop con Win7 y en un Servidor con WinS2012 y ha funcionado de maravilla espero les sirva de algo en su proyecto.