Problema con Datepicker

yoelrodguez · 20 Noviembre 2015, 23:19 PM

Hola a todos:

Tengo el siguiente problema, estoy usando un datepicker el cual cuando tengo alguna fecha en el input no me respeta el mes que tiene la fecha sino que me aparece con la del día en curso. Este datepicker está hecho para bootstrap y tengo colocado en mi proyecto el bootstrap 2.3.2.

Saludos

0roch1 · 21 Noviembre 2015, 01:29 AM

coloca código porque adivinos no somos.

Revisa la opción dateFormat

Código (javascript) [Seleccionar]


dateFormat: 'dd/mm/yy',

por ejemplo

yoelrodguez · 21 Noviembre 2015, 02:36 AM

Este es el código

Código [Seleccionar]


 $(function(){
     $(".datepicker").datepicker({
      format:'yyyy-mm-dd',
      autoclose: true,
      language: 'es'
     });
    });

Saludos

0roch1 · 23 Noviembre 2015, 19:06 PM

Qué versión de datepicker estás utilizando?.

No recuerdo ninguna opción format en alguna versión actual o anterior (más bien debería ser dateFormat)

http://api.jqueryui.com/datepicker/#option-dateFormat

Por otro lado el formato está mal, en todo caso debería ser yy-mm-dd

Saludos.

MinusFour · 23 Noviembre 2015, 19:10 PM

Cita de: 0roch1 en 23 Noviembre 2015, 19:06 PM
Qué versión de datepicker estás utilizando?.

No recuerdo ninguna opción format en alguna versión actual o anterior (más bien debería ser dateFormat)

http://api.jqueryui.com/datepicker/#option-dateFormat

Por otro lado el formato está mal, en todo caso debería ser yy-mm-dd

Saludos.

No es exactamente el datepicker de jQuery UI:

https://bootstrap-datepicker.readthedocs.org/en/latest/

yoelrodguez · 23 Noviembre 2015, 19:11 PM

Gracias por la respuesta reviso y le comento.

saludos

0roch1 · 24 Noviembre 2015, 00:12 AM

@MinusFour
Cierto, tienes razón. Pero entonces algo más debe estar provocando que la salida de la fecha no sea la correcta.
Hice la prueba y no tuve problema.

Código (html4strict) [Seleccionar]


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>datepicker</title>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

<link id="bs-css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link id="bsdp-css" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css" rel="stylesheet">
</head>
<body>
<input type="text" class="datepicker" value="" maxlength="10" required placeholder="Ingresa la fecha"/> 

<script type="text/javascript">
$(function(){
 $('.datepicker').datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
     language: 'es'
 });
});
</script>
</body>
</html>