Estoy tratando de poner un selector de fechas en mi página y obtener este error. Ya he buscado y buscado respuestas a este error, pero no podía encontrar nada.

Sin la PARA el BOOTSTRAP parte, funciona; pero con él, estoy recibiendo este error. ¿Cuál es la razón detrás de esto y cómo puedo solucionarlo?

Aquí está mi index.cshtml:

@{
    Layout = null;
}

<!DOCTYPE html>

<html lang="en">
<head>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/Chart")
    @Scripts.Render("~/bundles/moment")
    <meta charset="utf-8" />
    <title>ENOCTA DASHBOARD</title>

    <!-- FOR DATEPICKER -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>

    <!-- FOR BOOTSTRAP -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>
    <p>Date: <input type="text" id="datepicker"></p>
</body>

</html>
  • ¿Tu jquery-ui contiene el widget datepicker?
  • No sé. ¿Cómo puedo comprobar?
  • al descargar jquery-ui (jqueryui.com/download), usted tiene la posibilidad de exlude widgets/componentes que no uso. Tal vez intente descargar un completo jquery-ui, o la búsqueda de la jquery-ui.js para el widget datepicker.
  • He descargado el paquete y añadió .js & .css archivos para el proyecto, también se ha cambiado el Bundleconfig.css de acuerdo a eso. Nada cambió.
InformationsquelleAutor kalahari | 2015-07-23

1 Comentario

  1. 2

    Tienes 2 versiones de jQuery en la página, jQuery UI datepicker se bloquea a sí mismo en la primera versión, luego en la segunda, se sobrescribe el primero y por lo tanto el datepicker no está disponible cuando el DOMContentReady evento es disparado. La solución es mover el segundo jquery incluir y eliminar la primera:

    <!-- FOR DATEPICKER -->
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function () {
            $("#datepicker").datepicker();
        });
    </script>
    
    <!-- FOR BOOTSTRAP -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

Dejar respuesta

Please enter your comment!
Please enter your name here