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
Post a Comment