Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: Ayuda con el DatePicker, cuanto antes mejor

Vista Híbrida

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 sep, 16
    Mensajes
    5
    Poder de Reputación
    0

    Exclamation Ayuda con el DatePicker, cuanto antes mejor

    Hola, buenas, veréis, la entrega es para el lunes y ya es sábado... a.a
    No, no es que no haya trabajado, es que no he conseguido que me funcionara, el proyecto trata de hacer una web con estructura MVC, hacer un formulario y que se muestren los datos, todo eso ya está hecho, pero en el formulario hay un datepicker que no me funciona, solo no me funciona en ese proyecto. ._.
    Me gustaría saber si alguno de vosotros detecta el error. D:
    No digáis que tengo que hacer un include del head, eso ya está en el index, es el que lo junta todo. XD
    • El header:
      Código HTML:
      <!DOCTYPE html>
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
          <meta name="description" content="" />
          <meta name="author" content="" />
          <!--[if IE]>
              <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
              <![endif]-->
          <title>Free Multipurpose Template : RUMA</title>
          <!-- BOOTSTRAP CORE STYLE CSS -->
          <link href="view/css/bootstrap.css" rel="stylesheet" />
          <!-- FONTAWESOME STYLE CSS -->
          <link href="view/css/font-awesome.min.css" rel="stylesheet" />
          <!-- CUSTOM STYLE CSS -->
          <link href="view/css/style.css" rel="stylesheet" />    
          <!-- GOOGLE FONT -->
          <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
          
          <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
        	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
        	<link rel="stylesheet" href="/resources/demos/style.css">
        	<script>
        		$(function() {
          		$( "#datepicker" ).datepicker();
        		});
        	</script>
      </head>
    • El formulario:
      Código PHP:
      <form name="formulario_productos" method="POST" action="index.php?module=products">
                <div class="form-group">
                  <label for="id">ID del producto:</label>
                  <input class="form-control" name="id" placeholder="ID" type="text" id="id" value="<?php echo $_POST?$_POST['id']:""?>">
                </div>
                <div class="form-group">
                  <label for="name">Nombre del producto:</label>
                  <input class="form-control" name="name" placeholder="Name" type="text" id="name" value="<?php echo $_POST?$_POST['name']:""?>">
                </div>
                <div class="form-group">
                  <label for="description">Descripción:</label>
                  <textarea class="form-control" name="description" placeholder="Description" type="text" id="description" value="<?php echo $_POST?$_POST['description']:""?>"></textarea>
                </div>
                <div class="form-group">
                  <label for="">Estado</label>
                  <select name="estado" id="estado">
                      <option value="Nuevo">Nuevo</option>
                      <option value="Usado">Segunda mano</option>
                  </select>
                </div>
                <div class="form-group">
                  <label for="date1">Fecha:</label>
                  <input class="form-control" id="datepicker" type="text" name="datepicker"><div id="result"></div>
                </div>
                <div class="form-group">
                  <label for="date2">Fecha:</label>
                  <input class="form-control" id="datepicker2" type="text" name="datepicker2"><div id="result"></div>
                </div>
                <div class="form-group">
                  <label for="price">Precio:</label>
                  <input class="form-control" name="price" placeholder="Price" type="text" id="price" value="<?php echo $_POST?$_POST['price']:""?>">
                </div>
                <input type="submit" name="submit_products" value="Enviar" class="btn btn-default">
              </form>
    Última edición por loboomg; 17/09/2016 a las 13:20

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,045
    Poder de Reputación
    21
    Hola!

    ¿Será porque tienes 2 datepicker (datepicker y datepicker2) pero sólo haces referencia al primero?

    Código:
    $('#datepicker').datepicker();
    
    <div class="form-group">
        <label for="date1">Fecha:</label>
        <input class="form-control" id="datepicker" type="text" name="datepicker"><div id="result"></div>
    </div>
    <div class="form-group">
        <label for="date2">Fecha:</label>
        <input class="form-control" id="datepicker2" type="text" name="datepicker2"><div id="result"></div>
    </div>
    Lo correcto debería ser algo así:

    Código:
    $('.datepicker').datepicker();
    
    <div class="form-group">
        <label for="date1">Fecha:</label>
        <input class="datepicker form-control" id="date1" type="text" name="date1"><div id="result"></div>
    </div>
    <div class="form-group">
        <label for="date2">Fecha:</label>
        <input class="datepicker form-control" id="date2" type="text" name="date2"><div id="result"></div>
    </div>

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 sep, 16
    Mensajes
    5
    Poder de Reputación
    0
    Sigue igual. ><
    Mira, he hecho un copia pega en otro proyecto a ver si va (pero solo tengo el head y el index).
    Archivo Adjunto 753
    Fuera del proyecto sí me funciona, pero dentro de él ya no despliega el DatePicker:
    Archivo Adjunto 754

  4. #4
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,045
    Poder de Reputación
    21
    Los archivos adjuntos no se pueden descargar (no sé por qué).

    No obstante, revisa la consola de errores del navegador y dime qué errores aparecen (presiona F12 y ve a la pestaña Console o Consola).

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 sep, 16
    Mensajes
    5
    Poder de Reputación
    0
    Uncaught TypeError: $(...).datepicker is not a function ------- index.php?module=products:27
    (anonymous function) @ index.php?module=products:27
    fire @ jquery-1.10.2.js:3048
    fireWith @ jquery-1.10.2.js:3160
    ready @ jquery-1.10.2.js:433
    completed @ jquery-1.10.2.js:104

    Uncaught TypeError: $(...).prettyPhoto is not a function ----------- custom.js:35
    main_fun @ custom.js:35
    (anonymous function) @ custom.js:58
    c @ jquery-1.10.2.js:4
    fireWith @ jquery-1.10.2.js:4
    ready @ jquery-1.10.2.js:4
    q @ jquery-1.10.2.js:4

    Uncaught TypeError: Cannot read property 'create' of undefined -------- measureIt.js:120
    (anonymous function) @ measureIt.js:120

  6. #6
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,045
    Poder de Reputación
    21
    Qué extraño... Lo único que se me ocurre es que jQuery y/o jQuery UI no se están incluyendo en el HTML (faltan las etiquetas script). A través de las herramientas de desarrollo, asegúrate de que se haya incluido jQuery y jQuery UI (presiona F12 y revisa la pestaña Elements/Elementos).

  7. #7
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 sep, 16
    Mensajes
    5
    Poder de Reputación
    0
    Ya está solucionado, el problema era la duplicidad de librerías en el head y en el footer.
    Gracias por ayudarme por extraña que fuera la situación. :D
    Si se pudiera valorar a los usuarios por ayudar te valoraría muy positivamente, pero creo que no se puede. D:

    Corrijo: Ya lo he visto, no me había dado cuenta de eso. XD
    Ya te he puntuado. :)

  8. #8
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,045
    Poder de Reputación
    21
    Jejeje, me alegro que lo hayas resuelto.

    Saludos!c

Temas Similares

  1. Datepicker no funciona
    Por Margari en el foro Curso de jQuery
    Respuestas: 4
    Último Mensaje: 18/03/2013, 18:09
  2. Porfavor ayuda urgente para instertar Datepicker
    Por matiasdirecto0286 en el foro Foro General
    Respuestas: 1
    Último Mensaje: 12/11/2012, 17:11
  3. pido ayuda antes de hacerlo mal
    Por adsl2009 en el foro Foro General
    Respuestas: 4
    Último Mensaje: 05/11/2009, 16:08

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •