Cita:
Iniciado por David
En esa página la ruta a jQuery UI está mal:
Código:
jquery/jquery-ui-1.9.2.custom.js
Debería ser:
Código:
jquery/jquery-ui-1.9.2.custom.min.js
Mira de nuevo, intente hacer el mismo del ejemplo
http://bit.ly/W5mTgq pero igual no me sale, saque las mismas rutas y todo, no se que es lo que falta por aquí?
Código HTML:
<!doctype html>
<head>
<meta charset="utf-8">
<link type="text/css" href="http://www.jose-aguilar.com/scripts/jquery/datetimepicker/jquery/css/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet">
<link type="text/css" href="jquery/jquery-ui-timepicker-addon.css" rel="stylesheet">
<style type="text/css">
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,dl,dt,dd,pre,blockquote,fieldset,label{
margin:0;
padding:0;
border:0;
}
body{ background-color: #363531; border-top: solid 4px #C60; font: 90% Arial, Helvetica, sans-serif; padding: 20px; }
h1,h2{ margin: 10px 0; }
p{ margin: 10px 0; }
pre{ padding: 20px; background-color: #ffffcc; border: solid 1px #fff; }
.wrapper{ background-color: #ffffff; width: 800px; border: solid 1px #eeeeee; padding: 20px; margin: 0 auto; }
.example-container{ background-color: #f4f4f4; border-bottom: solid 2px #777777; margin: 0 0 40px 0; padding: 20px; }
.example-container p{ font-weight: bold; }
.example-container dt{ font-weight: bold; height: 20px; }
.example-container dd{ margin: -20px 0 10px 100px; border-bottom: solid 1px #fff; }
.example-container input{ width: 150px; }
.clear{ clear: both; }
#ui-datepicker-div{ font-size: 80%; }
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
</style>
<script type="text/javascript" src="http://www.jose-aguilar.com/scripts/jquery/datetimepicker/jquery/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://www.jose-aguilar.com/scripts/jquery/datetimepicker/jquery/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="http://www.jose-aguilar.com/scripts/jquery/datetimepicker/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript">
$(function(){
$('#example1').datetimepicker();
$('#example2').datetimepicker({
ampm: true
});
});
</script>
</head>
<body>
<div class="example-container">
<h2>DateTime Picker jQuery</h2>
<p>Add a simple timepicker to jQuery UI's datepicker</p>
<div>
<input type="text" name="example1" id="example1" value="" class="hasDatepicker">
</div>
<p>Show time in AM/PM 12 hour format</p>
<div>
<input type="text" name="example2" id="example2" value="" class="hasDatepicker">
</div>
</div>
</body>