Ver Mensaje Individual
  #8 (permalink)  
Antiguo 26/12/2012, 14:08
Avatar de diegoug
diegoug
 
Fecha de Ingreso: mayo-2011
Ubicación: Colombia
Mensajes: 52
Antigüedad: 13 años, 8 meses
Puntos: 1
Pregunta Respuesta: problemas añadiendo datetimepicker a dos input

Cita:
Iniciado por David Ver Mensaje
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> 
__________________
_________________________
Diego Alonso Uribe Gamez
Twitter: @DiegoUG