Ayuda con date picker de bootstrap, no lo consigo :-(

Iniciado por exploiterstack, 9 Diciembre 2014, 11:13 AM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

exploiterstack

9 Diciembre 2014, 11:13 AM Ultima modificación: 9 Diciembre 2014, 11:27 AM por exploiterstack
Hola que tal comunidad, tengo un problema a la hora de utilizar un framework de jQuery date bootstrap.

Dicho problema consiste en que no consigo cargar unas fechas que obtengo tras una consulta en la BD. Me he fijado que el plugin que menciono tiene una caja de texto el cual se carga con una fecha tras pinchar sobre una fecha, lo cual deduje que si consiguiera cargar las fechas en este input tras una consulta podría reflejarse en el calendario, pero al parecer no funciona como tengo pensado.

pd: He de comentar y me he documentado que para fijar una fecha se hace mediante el atributo setDate pasandole las fechas a mano o creando un objeto tipo date, pero como digo de ningún tipo consigo el resultado.

pd: Según leí en una duda de alguien vi que no erais muy partidarios de utilizar frameworks, y lo entiendo pero en la empresa que estoy se me pide este tipo de plugin y no consigo finalizar el proyecto con esta modificación que se me pide. Bueno sin mas rodeos os dejo el código:


El código PHP:

Código [Seleccionar]
<?php

try{
    //Creamos la conexion con la bd
    $conexion = new PDO('mysql:host=hl115.dinaserver.com;dbname=db', 'nombre', 'pass'); 
    //Indicamos que haremos uso de la condificacion utf8
    $conexion->exec("SET NAMES 'utf8'");
    //Despues creamos la select para actualizar los datos en la BD
    $consulta = "SELECT fecha FROM  altaFichas WHERE usuario='PascualMarti';";
    $consulta = $conexion->prepare($consulta);

    $fe = "";
    if($consulta->execute()){
        while($fila = $consulta->fetch()){
            $fecha  = $fila['fecha'];
            $ArrayFecha = explode('-', $fecha);
            $fecha = $ArrayFecha[0] ."/".$ArrayFecha[1] ."/".$ArrayFecha[2];
            $fe .= $fecha.",";
        }  
        echo "<input type='hidden' name='fe' id='fec' value='".$fe."'>";

    }else{
        $mensage = "Error, al intentar mostrar los datos.";
    }
    //Cerramos la conexión
    $conexion = null;

}catch(Exception $e){
    echo "Error en la conexión";
}

?>

El código HTML:

Código [Seleccionar]
<html>
   <head>
       <title>prueba cargar fechas en calendario</title>
       <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
       <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
       <script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
       <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css">
       <link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css">
       <script type="text/javascript">
           $('#sandbox-container .input-group.date').datepicker({
                $("#sandbox-container .input-group.date").val($("#fe").attr("value"));
           });
       </script>
   </head>  
   <body>
       <div class="input-group date">
         <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
       </div>
   </body>
</html>

Un saludo de antemano!

exploiterstack

#2
11 Diciembre 2014, 13:08 PM
Ya que veo que nadie puede ayudarme me podríais aconsejar de algún otro calendario que permita seleccionar las fechas tras obtener una consulta en la BD de fechas.

No me importa que sea otro plugin js la cuestión es poder hacerlo como sea con lo que sea.

Saludos!
Imprimir
Ir Arriba Páginas1
Acciones del Usuario