counter
 
 
Calendario Javascript para usar en formularios
Si tienes la necesidad de agregar un campo en el cual se recoja una fecha y quieres que al presionar salga un calendario para que el cliente o la persona que este llenando el formulario seleccione la fecha de una manera simple, esta es la solución.
 
Hace poco tuve la necesidad para un trabajo de colocar una opción en un formulario donde un cliente selecciona la edad de nacimiento, después de buscar mucho encontré este calendario hecho en Javascript con muchas funcionalidades y fácil de aprender a usar.
 
Paso 1: Incluir en la cabecera, nuestro archivo java script.

Calendario JavaScript

Codigo:
-------------------------------------------------------------------------------------------------
    <link rel="stylesheet" type="text/css" href="/src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="/src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="/src/css/steel/steel.css" />
    <script type="text/javascript" src="/src/js/jscal2.js"></script>
    <script type="text/javascript" src="/src/js/lang/es.js"></script>

-------------------------------------------------------------------------------------------------

Paso 2: Le aginamos al formulario el input correspondiente al campo que llama al calendario en Javascript.

Calendario JavaScript

Codigo
-------------------------------------------------------------------------------------------------------
<label for="f_rangeStart">Campo Fecha:</label> </td>
<input size="15" id="f_rangeStart" />
<button id="f_rangeStart_trigger">...</button>
<button id="f_clearRangeStart" onclick="clearRangeStart()">Limpiar</button>
                
                 <script type="text/javascript">
                 RANGE_CAL_1 = new Calendar({
                         inputField: "f_rangeStart",
                         dateFormat: "%Y/%m/%d",
                         trigger: "f_rangeStart_trigger",
                         bottomBar: false,
                         onSelect: function() {
                                 var date = Calendar.intToDate(this.selection.get());
                                 LEFT_CAL.args.min = date;
                                 LEFT_CAL.redraw();
                                 this.hide();
                         }
                 });
                 function clearRangeStart() {
                         document.getElementById("f_rangeStart").value = "";
                         LEFT_CAL.args.min = null;
                         LEFT_CAL.redraw();
                 };
                </script>

-------------------------------------------------------------------------------------------------------

En este código podemos seleccionar el formato de la fecha en la opción:
-------------------------------------------------------------------------------------------------------
                         dateFormat: "%Y/%m/%d",
-------------------------------------------------------------------------------------------------------
 
 
 

Comentarios  

0 #33 Click Home 27-08-2017 11:13
You need to take part in a contest for one of the highest quality blogs online.

I'm going to highly recommend this site!
Citar
0 #32 Wendi 22-08-2017 17:34
Boy do I know this beast inside and out!
Citar
0 #31 lg mobile phone 02-07-2017 00:28
Hey there, You have done a fantastic job. I'll certainly digg it and
individually suggest to my friends. I'm confident they'll be benefited from this website.


Lookk into mmy web page - lg mobile phone: http://www.fightingcockthai.com/home.php?mod=space&uid=298741&do=profile&from=space
Citar
0 #30 Instapromote 08-06-2017 15:03
Hi i am kavin, its my first occasion to commenting anyplace,
when i read this paragraph i thought i could also
create comment due to this good paragraph.
Citar
+1 #29 jorge ortiz 18-05-2017 16:12
muy bueno el calendario, pero como puedo ocuparlo en una grilla, es lo que necesito hacer pero no logro hacerlo , si me dieras unos tips te lo agradeceria

saludos
jorge ortiz
Citar
0 #28 Manual 03-05-2017 12:39
It's really very complicated in this full of activity
life to listen news on TV, therefore I simply use world wide web for that purpose, and take the
newest information.
Citar
0 #27 Kandi 23-04-2017 23:19
Hi to every body, it's my first go to see of
this web site; this webpage consists of remarkable
and genuinely excellent material in favor of visitors.
Citar
0 #26 Shirleen 07-07-2016 08:48
That is really fascinating, You're an excessively skilled blogger.
I've joined your rss feed and look ahead to looking for extra of your
great post. Additionally, I've shared your site in my social
networks
Citar

Escribir un comentario

Nota: Los comentarios escritos en mayúsculas o tipo SMS serán eliminados, al igual que los comentarios ofensivos o sin educación contra los lectores y/o editores de este medio.

También pueden reportar los comentarios ofensivos para ser borrados.

Código de seguridad
Refescar

Ultimos Comentarios!

  • Definición y Ejemplos de Adverbios de Orden

    raul anguano le raul anguano le Mar 21/nov/2017
    Ejemplo 1: "Fue el primero en entrar en la meta." Ejemplo 2: "Quedar segundo no es ninguna deshonra." ...

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    olger cegua san olger cegua san Mar 21/nov/2017
    Buenas tarde, estoy interesado por saber cuales fueron los vídeos seleccionados, gracias Dios les ...

    Leer más...

  • Inscripciones abiertas para “La Voz Teens” del Canal Caracol

    jairo cifuentes jairo cifuentes Mar 21/nov/2017
    agradecer la oportunidad que le brindan a estos chicos y sobre todo a mi hijo gianni simon cifuentes ...

    Leer más...

  • Sinuano Noche sábado 18 de noviembre 2017

    luis luis Mar 21/nov/2017
    Que Hacen

    Leer más...

  • Sinuano Noche sábado 18 de noviembre 2017

    luis luis Mar 21/nov/2017
    o Se Que Escribir Gracias

    Leer más...