Alguien ha usado jQuery-Timepicker-Addon?

JessicaTJ · #1 (**permalink**) 07/06/2011, 17:22

Hola chicos !!!

Por mas que intento hacer funcionar un plugin de jQuery nada mas no logro hacerlo, el script es este:

Código:

http://trentrichardson.com/examples/timepicker/

Simple y sencillamente por mas ke pongo todos los JS y los CSS y las funciones no agarra XD, estoy haciendo algo mal de seguro, pero no tengo la verdad ni idea de que puede ser, podrian por favor ayudarme?

El codigo que ahorita estoy usando es este:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
</style>
<link type="text/css" media="screen" rel="stylesheet" href="admin/styles/jquery-ui-1.8.6.custom.css" /> <!-- StyleSheet Top Menu -->
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/timepicker.js" type="text/javascript"></script>
<script src="scripts/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#fecha').datetimepicker();
});
</script>
</head>
 
<body>
<input type="text" name="fecha" id="fecha" value="" />
</body>
</html>

De verdad agradecere mil su ayuda !!!!

Carlangueitor · #2 (**permalink**) 07/06/2011, 18:12

Prueba poniendo primero el jquery-ui antes del timepicker. Si no checa la consola de errores.

Saludos

JessicaTJ · #3 (**permalink**) 07/06/2011, 18:13

Ya pude jijijiji

Ahora, el formato en que aparece la hora es:
06/07/2011 17:14:10

Se podria hacer algo para que apareciera asi:
2011-07-06 17:14:10

Naahuel · #4 (**permalink**) 07/06/2011, 19:55

Está todo en la documentación. Los parámetros son dateFormat y timeFormat.

Probá:

$('#fecha').datetimepicker({dateFormat: 'yy-mm.dd'});

JessicaTJ · #5 (**permalink**) 10/06/2011, 00:39

Mil gracias Naahuel, lo probare y te comento como me fue XD, mil gracias de nuevo !!!!

JessicaTJ · #6 (**permalink**) 04/07/2011, 21:47

Muchisimas gracias Naahuel, si me funciono, me ahorraste tener que crear otras funciones jijijiji, mil mil gracias !!!!