Buenas, tengo el siguiente problemilla, ambas cosas por separado funcionan perfectamente pero al juntarlas no :(
Por un lado tengo un datepickr bajado de Jquery UI con el siguiente codigo:
Código PHP:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- calendrier JQuery UI -->
<link type="text/css" href="css/jquery-ui-1.8.14.custom.css"" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
<script type="text/javascript">
$(function() {
// mostrar les mois et années
$("#campoFecha").datepicker({
changeMonth: true,
changeYear: true
}
);
});
</script>
</head>
Y en otra pagina un timepickr con el siguiente codigo:
Código PHP:
<head>
<link rel="Stylesheet" media="screen" href="css/ui.core.css" />
<link rel="Stylesheet" media="screen" href="css/ui.timepickr.css" />
<script type="text/javascript" src=js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.utils.js"></script>
<script type="text/javascript" src="js/jquery.strings.js"></script>
<script type="text/javascript" src="js/jquery.ui.all.js"></script>
<script type="text/javascript" src="js/ui.timepickr.js"></script>
<script type="text/javascript">
$(function(){
$('#timestart').timepickr({
convention: 24,
seconds: false
});
});
</script>
Sin embargo al juntar todo esto en una misma pagina deja de funcionar el calendario. Eliminado archivos js a ver si encontraba cual tenia el problema es visto que si quito
src="jquery.ui.all.js" el calendario vuelve a funcionar pero el timepickr no.
Código PHP:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Nueva Sesion</title>
<link rel="stylesheet" href="css/estilosFormularios.css" type="text/css" media="screen" />
<!-- calendrier JQuery UI -->
<link rel="Stylesheet" media="screen" href="css/ui.core.css" />
<link type="text/css" href="css/jquery-ui-1.8.14.custom.css" rel="Stylesheet" />
<link rel="Stylesheet" media="screen" href="css/ui.timepickr.css" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
<script type="text/javascript" src="js/jquery.utils.js"></script>
<script type="text/javascript" src="js/jquery.strings.js"></script>
<script type="text/javascript" src="js/jquery.ui.all.js"></script>
<script type="text/javascript" src="js/ui.timepickr.js"></script>
<script type="text/javascript">
$(function() {
// mostrar les mois et années
$("#campoFecha").datepicker({
changeMonth: true,
changeYear: true
}
);
});
</script>
<script type="text/javascript">
$(function(){
$('#timestart').timepickr({
convention: 24,
seconds: false
});
});
</script>
</head>
Como puedo solucionar esto??