Código de JQuery - Ejemplo de seleccionar una fecha con jquery-ui (datepicker)

Imágen de perfil

Ejemplo de seleccionar una fecha con jquery-ui (datepicker)gráfica de visualizaciones


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Febrero del 2014 por Xavi
9.893 visualizaciones desde el 21 de Febrero del 2014. Una media de 70 por semana
Ejemplo de la utilización de datepicker de jquery-ui para seleccionar una fecha dada.

Versión 1
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 21 de Febrero del 2014gráfica de visualizaciones de la versión: Versión 1
9.894 visualizaciones desde el 21 de Febrero del 2014. Una media de 70 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Puedes ver un ejemplo aquí
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8" />
    <title>Ejemplo de seleccionar una fecha con jquery-ui</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 
    <script>
    $(function() {
        $("#fecha").datepicker(
            {
                dateFormat: "dd/mm/yy",
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                firstDay: 1,
                gotoCurrent: true,
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Deciembre" ]
            }
        );
    });
    </script>
 
    <style>
        #fecha {width:100px;text-align:center;}
    </style>
</head>
<body>
 
<h1>Ejemplo de seleccionar una fecha con jquery-ui</h1>
 
<form>
    <p>Fecha: <input type="text" name="fecha" id="fecha" value=""></p>
</form>
 
<nav>
    Mas información: <a href="http://api.jqueryui.com/datepicker/" target="_blank">http://api.jqueryui.com/datepicker/</a>
    <p><a href="http://www.lawebdelprogramador.com/" target="_blank">http://www.lawebdelprogramador.com/</a></p>
</nav>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (1)

ithan
19 de Enero del 2015
estrellaestrellaestrellaestrellaestrella
gracias muchas gracias
thanks a lot
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2612