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