Datepiker con errores-> $("#datepicker").datepicker is not a function

Copia · #1 (**permalink**) 18/03/2012, 12:55

Hola amigos tengo un error muy malo, que no tengo idea como solucionarlo, he cargado todos los script necesario y sigo teniendo el mismo problema.

Código Javascript:

Ver original$("#datepicker").datepicker is not a function

Código HTML:

Ver original<head>
    <link href="/static/css/reset.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Exo:400,800|Tangerine">
    <!--<script src="/static/js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script> -->
    
    <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js">
    </script>-->
    <!--<script src="/static/js/libs/min-ui/jquery.ui.core.min.js"></script>
    <script src="/static/js/libs/min-ui/jquery.ui.widget.min.js"></script>
    <script src="/static/js/libs/min-ui/jquery.ui.datepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/css/UI/jquery.ui.all.css"  />-->
    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
      $(function() {
        $("#datepicker").datepicker();
      });
    </script>
</head>

He verificado que todos los escript funcionen, como veran tambien he probado cargando cada componente independiente de jquery ui necesario para que me funcione el widget datepiker, aun asi no me ha funcionado.

maycolalvarez · #2 (**permalink**) 18/03/2012, 13:54

debes utilizar jQuery noConflict() para tener 2 o más versiones de jQuery en la misma página

Copia · #3 (**permalink**) 18/03/2012, 17:26

Sigo teniendo el mismo error, tambien limpie el head para seriorarme que no tengo dos versiones de jquery, y lo deje así:

Código HTML:

Ver original<head>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width" name="viewport">
    <link href="/static/css/reset.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Exo:400,800|Tangerine">     
    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
      $.noConflict();
      jQuery(document).ready(function() {
        $("#datepicker").datepicker();
      });
    </script>   
</head>

Espero que la implementacion de noConflict(); sea correcta.

maycolalvarez · #4 (**permalink**) 19/03/2012, 06:58

Mmmm no me había fijado que era jqueryui, intenta declarar primero jqueryui antes de jquery, otra cosa que debes de verificar es sí esa versión de jquery es compatible con tú versión jqueryui

Copia · #5 (**permalink**) 20/03/2012, 11:02

Hola nuevamente, estuve revisando las versiones y probe con la 1.6.1, 1.6.4 y es el mismo problemas, ademas cuando descargue las demos de jquery ui usa la version 1.7.1.

Si pongo primero a jqueryui aparece un error mas diciendo "jQuery is not defined" la verdad que este problemas es bastante extraño.

masterpuppet · #6 (**permalink**) 20/03/2012, 11:51

El orden deberia ser jquery y luego jquery.ui, luego si utilizas noConflict debes dejar de lado el $

Código Javascript:

Ver originaljQuery.noConflict();
jQuery(document).ready(function() {
    jQuery("#datepicker").datepicker();
});

y comprueba que el plugin datepicker esta en jquery.ui

Saludos.