Hi I'm getting the below error when trying to apply the bootstrap datetimepicker to an input.
I've checked the source and I'm not referencing any of the JS libraries twice.
I've also tried shuffling the order of my references without any luck.
Does anyone know what I might be doing wrong?
I'm using:
https://eonasdan.github.io/bootstrap-datetimepicker/
Error:
Uncaught TypeError: $(...).datetimepicker is not a function
Start of my _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 my 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 my edit.chtml
<script type="text/javascript">
$(function () {
$(document).ready(function () {
$('.date-picker-standard').datetimepicker();
});
});
</script>
1 个答案:
答案 0 :(得分：1)
Problem Solved:
This was hiding at the bottom of my _layout.chtml
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")