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",
-------------------------------------------------------------------------------------------------------
 
calendario javascript formulario /
 
 

Comentarios  

0 #31 Lida 28-02-2018 13:26
2008.Acessível dentro de: Admissão dentro de: 28 ago.
Citar
0 #30 fietsuniek.tk 24-02-2018 11:47
Hoe gaat de stad nu precies van 150 naar 400 euro?
Citar
0 #29 Tricia 18-02-2018 17:23
A fim de determinados olhares, pessoas que fascinam.
Citar
0 #28 João 29-01-2018 07:50
Como Restabelecer Uma Empresa em Declínio?
Citar
0 #27 between Islands 24-01-2018 02:52
What's up to all, it's really a fastidious for me to pay a visit this web site,
it includes valuable Information.

Look into my website: between Islands: http://Celsa0498388979.Blog.fc2.com/blog-entry-1.html
Citar
+1 #26 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 #25 Ricardo 09-10-2014 10:21
Muchas gracias por el script, es muy util. Saludos
Citar
0 #24 Ivan Gonzalez 08-07-2014 12:33
Lo malo es que no se pueden poner 2 calendarios, lo intente pero solo sale uno, que son requeridos para "Fecha de ingreso" y "Fecha de Salida" para una web de un hotel. Dime que debo hacer para que queden funcionando los 2. si puedes hacerme el favor y me escribes a mi correo, que lo necesito urgente ya que veo que este es el que mas funciona mejor.
Gracias
Citar

Escribir un comentario

Código de seguridad
Refescar