0

Hola que tal tengo un timepicker de la siguiente manera

<div class = "col-lg-2 col-md-4 col-sm-4 col-xs-12" > 
   <input id="hora" size = "16" type = "text" value = "" />    
       <span class = "add-on" > 
            <i class = "icon-th" > </ i> 
       </ span>  
   </ div>

<script type="text/javascript" src="jquery.timepicker.js"></script>
<script type="text/javascript" src="lib/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="lib/site.js"></script>

 $(function () {
            $('#hora').timepicker();
        });

al momento de ejecutar este me mandada el siguiente error timepciker is not function alguien puede apoyarme saludos.


3
  • Bienvenido a Stack Overflow en Español. Revisa si jquery.timepicker.js está cargado en la página. el 25 oct. 2017 a las 17:05
  • Bienvenido a stackoverflow en español, te invito a que te hagas el recorrido de bienvenida para que sepas cual es el funcionamiento básico del sitio y obtengas tu primer medalla, ahora sobre tu pregunta: src="jquery.timepicker.js" es la ruta correcta del archivo? el 25 oct. 2017 a las 17:07
  • Solo te falta cargar jquery antes que las otras tres librerías de js
    – Yikarus
    el 25 oct. 2017 a las 17:12

2 respuestas 2

1

Yo creo que lo único que te falta es cargar jquery antes que el resto, porque el siguiente ejemplo a mí me funciona.

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "col-lg-2 col-md-4 col-sm-4 col-xs-12" > 
   <input id="hora" size = "16" type = "text" value = "" />    
       <span class = "add-on" > 
            <i class = "icon-th" > </i> 
       </span>  
   </div>

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>


<script>
 $(function () {
            $('#hora').timepicker();
        });
</script>

0

Es un problema de las librerías que tratas de importar.

Como en tu código veo un .timepicker eso me hace pensar que tu plugin no es el normal de que vi que estabas tratando de importar, así que asumiendo que se trate de tu código quredaría así:

$(function() {
  $('#hora').timepicker();
});
<link href="https://fontawesome.com/v3.2.1/assets/font-awesome/css/font-awesome.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<script src="https://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>



<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
  <input id="hora" size="16" type="text" value="" />
  <span class="add-on"> 
            <i class="icon-th"></i>
       </span>
</div>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.