datepicker n'est pas une fonction - tentative de chargement d'une datepicker sur un champ de formulaire MVC

Question

Je reçois l'erreur "$ (...). Datepicker() n'est pas une fonction lorsque j'essaie de définir un sélecteur d'amorçage sur un champ de formulaire dans mon formulaire MVC/rasoir.J'ai lu des messages similaires et ne semblent pas obtenir leurs solutions à travailler.Il semble que l'ordre des dépendances importe.Tout conseil serait apprécié.J'ai mentionné cela comme un solution que j'ai essayé sans succès. How to add Date Picker Bootstrap 3 on MVC 5 project using the Razor engine?

Bloc de script

<script src="~/Scripts/jquery-3.1.1.js"></script> 
<script src="~/Scripts/jquery-3.1.1.min.js"></script> 
<script src="~/Scripts/moment.js"></script> 
<script src="~/Scripts/bootstrap-datepicker.js"></script> 
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap.min.css" rel="stylesheet"/> 
<script type="text/javascript"> 
    $(function() { 
     $('.datepicker').datepicker(); 

    }); 
</script> 

champ de formulaire

<div class="form-group"> 
      @Html.LabelFor(model => model.TrainingDate, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.EditorFor(model => model.TrainingDate, new { htmlAttributes = new { @class = "form-control datepicker" } }) 
       @Html.ValidationMessageFor(model => model.TrainingDate, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

Answer 1

Il doit y avoir un conflit sur votre jquery. Aussi, vous devez supprimer la bibliothèque jquery afin de supprimer celui-ci <script src="~/Scripts/jquery-3.1.1.js"></script>.

sans conflit sur jquery, vous pouvez faire votre code comme celui-ci

<script type="text/javascript"> 
    $.noConflict(); 
    $(function() { 
     $('.datepicker').datepicker(); 

    }); 
</script>