l'objet ne prend pas en charge la propriété ou de la méthode datepicker

Je suis en train d'essayer de mettre un datepicker dans ma page et obtenez cette erreur. J'ai déjà cherché et cherché d'autres réponses à cette erreur, mais je ne trouve pas d'.

Sans POUR BOOTSTRAP partie, il fonctionne, mais avec elle, j'obtiens cette erreur. Quelle est la raison derrière cela et comment je peux résoudre ce problème?

Voici mon 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>
Est-ce que votre jquery-ui contiennent le composant?
Je ne sais pas. Comment puis-je vérifier?
lorsque vous télécharger jquery-ui (jqueryui.com/download), vous avez la possibilité de exlude widgets/composants que vous ne l'utilisez pas. Peut-être essayer de télécharger une complète jquery-ui, ou la recherche de la jquery-ui.js pour le composant.
J'ai téléchargé le paquet et a ajouté .js & .css des fichiers au projet, a également changé le Bundleconfig.css en fonction de cela. Rien n'a changé.

OriginalL'auteur kalahari | 2015-07-23

  1. 2

    Vous avez 2 versions de jQuery sur la page, le jQuery UI datepicker se bloque de lui-même dans la première version, puis le second remplace le premier et ainsi le datepicker n'est pas disponible lorsque le DOMContentReady événement est déclenché. La solution est de déplacer la deuxième inclure jquery et enlever la première:

    <!-- 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>

    OriginalL'auteur mfeineis