jquery - Bootstrap datetimepicker TypeError: $(...).datetimepicker is not a function -


hi i'm getting below error when trying apply bootstrap datetimepicker input.

i've checked source , i'm not referencing of js libraries twice.

i've tried shuffling order of references without luck.

does know might doing wrong?

i'm using: https://eonasdan.github.io/bootstrap-datetimepicker/

error:

uncaught typeerror: $(...).datetimepicker not function

start of _layout.chtml:

<script type="text/javascript" src="/scripts/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>     <script type="text/javascript" src="/scripts/moment.min.js"></script>     <script type="text/javascript" src="/scripts/bootstrap.min.js"></script>     <script type="text/javascript" src="/scripts/bootstrap-datetimepicker.min.js"></script>     <link rel="stylesheet" href="/content/bootstrap.min.css" />     <link rel="stylesheet" href="/content/bootstrap-datetimepicker.min.css" /> 

body of edit.chtml

 <div class="form-group">             @html.labelfor(model => model.dateofbirthdatetime, htmlattributes: new { @class = "date-picker-standard control-label col-md-2" })             <div class="col-md-10">                 @html.editorfor(model => model.dateofbirthdatetime, new { htmlattributes = new { @class = "form-control" } })                 @html.validationmessagefor(model => model.dateofbirthdatetime, "", new { @class = "text-danger" })             </div>         </div> 

bottom of edit.chtml

<script type="text/javascript">     $(function () {           $(document).ready(function () {             $('.date-picker-standard').datetimepicker();         });     }); </script> 

problem solved:

this hiding @ bottom of _layout.chtml

@scripts.render("~/bundles/jquery") @scripts.render("~/bundles/bootstrap") 

Comments

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -