[SOLUCIONADO] Agregadando Jquery datepicker a formulario

tayran8 · #1 (**permalink**) 30/12/2016, 11:15

Buenas tardes,

Estoy tratando de agregar el jequery datepicker a un formulario. No quiero usar el la version en linea, descargue el paquete completo y para subirlo al servidor. Sin embargo, despues de anadir las referencias al paquete (no muy seguro de ellas) no logro que el datepicker funcione de forma local. Este es mi codigo y cualquier luz que me puedan dar se la agradezco de antemano.

Código HTML:

<head>
<link rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.css"/>
<link href="landmarkstyles.css" rel="stylesheet" type="text/css"/>
<script src="jquery-ui-1.12.1.custom/jquery-ui.js"></script>
<script src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>



<script>
$( function() {
   $( "#membersince" ).datepicker();
 } )

</script>

</head>
<script>
   $("#birthday,#membersince").datepicker();
  </script>

  <div class = "form">
<form method="post" action="addMember.php" enctype="multipart/form-data">


<p>

          Church Member:
        <input type="text" name="member"/>
        <p>
         Member home address:

        <input type="text" name="address"/>

Birthday
  <input type="text" name="birthday" id="birthday"/>

  <p>
        Photo:
        <input type="hidden" name="size" value="350000">
        <input type="file" name="photo">
  <p>

    Phone
  <input type="text" name="phone" id="phone"/>
  <p>
Cellphone
<input type="text" name="cellphone" id="cellphone"/>
      <p>
          city:
    <input type="text" name="town"/>
  <p>
    Zipcode
    <input type="text" name="zipcode"/>
  <p>

          Email address.
      <input type="text" name="email" size=30 />
  <p>

Member since
    <input type="text" name="membersince" size=30 id="membersince"/>
    <p>
Allergies
    <input type="text" name="allergies" size=30 />
    <p>
        <input TYPE="submit" name="upload" title="Add data to the Database" value="Add Member"/>
      </form>


    </div>

petit89 · #2 (**permalink**) 30/12/2016, 11:25

Fijate bien en este ejemplo:
https://jsfiddle.net/dsyboo7v/

no tiene mucha dificultad, solo asegurarte que las rutas de los archivos esten bien escritas... en el ejemplo no carga el CSS por eso se ve un poco falto de estilo.. pero su funcionamiento es correcto.. ademas fijate en estos:

Código HTML:

Ver original<input type="text" name="email" size=30 />
  <p>
 
Member since
    <input type="text" name="membersince" size=30 id="membersince"/>
    <p>
Allergies
    <input type="text" name="allergies" size=30 />

los size no llevan comillas... deberian de llevarlas size="30"

tayran8 · #3 (**permalink**) 30/12/2016, 11:37

Hola! Muhcas gracias por tu respuesta. Si basicamente todo esta tirado ahí, estoy probando y aprendiendo :). Ya resolvií el problema y basicamente era que estaba enlazando el archivo equivocado. Esto es lo correcto :

<script src="jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>

Gracias!