Comunidad de diseño web y desarrollo en internet online

No funciona Datepicker

Citar            
MensajeEscrito el 16 Oct 2015 05:14 pm
Hola a todos, soy nuevo por aquí y un poco verde aún programando. Acabo de empezar un proyecto y no consigo hacer funcionar datepicker, no sé qué hago mal. Aqui pongo el código:

--index.html--
<!DOCTYPE html>
<html lang="es">
<head>
<title>JoJobs</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/estilo.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" src="jquery-ui-1.11.4.custom/jquery-ui.css">
<script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script type="text/javascript" src="jojobs.js"></script>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">JoJobs</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#search">Buscador de ofertas</a></li>
<li class="active"><a href="#">Login</a></li>
<li><a href="registro.php">Registro</a></li>
<li><a href="#contact">Empresas</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="tabla-indx">
<table>
<tbody>
<tr>
<td>Vacante</td>
<td>Empresa</td>
<td>Inscripciones</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>



--registro.php--
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/estilo.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" src="jquery-ui-1.11.4.custom/jquery-ui.css">


<script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script type="text/javascript" src="jojobs.js"></script>

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<form class="form-reg">
<input type="text" name="nombre" placeholder="Nombre">
<input type="text" name="apellido1" placeholder="Primer apellido">
<input type="text" name="apellido2" placeholder="Segundo apellido">
<input type="text" id="datepicker">
</form>
</body>
</html>


--jojobs.js--
$(document).ready(function(){

});

function datepicker(){
$("#datepicker").datapicker();
}


Al principio importaba las librerías solamente desde index.html, los puse en registro.php tambien por si ése era el problema, pero sigue sin funcionar. Ya no sé que hacer, preguntar aquí es mi última opción antes de pasar momentáneamente de usar datepicker.
Gracias de antemano

Por algua

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Oct 2015 08:25 pm
En jojos.js haz lo siguiente:

Código Javascript :

$(document).ready(function(){
  $("#datepicker").datapicker();
});

Por DriverOp

Claber

2510 de clabLevel



 

chrome
Citar            
MensajeEscrito el 18 Oct 2015 04:12 pm

DriverOp escribió:

En jojos.js haz lo siguiente:

Código Javascript :

$(document).ready(function(){
  $("#datepicker").datapicker();
});


Muchas gracias por la respuesta, he hecho lo que me dijiste y ya funciona. :)

Por algua

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Oct 2015 12:53 pm
De nada...

Por DriverOp

Claber

2510 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.