Я хочу включить datetimePicker в одно из полей формы.
Я следовал руководству по установке по этой ссылке: https://eonasdan.github.io/bootstrap-datetimepicker/Installing/ и соответственно добавил необходимые файлы в один из моих частичных просмотров
Вот то, что у меня уже есть:
_PartialView
<link href="~/Content/bootstrap-datetimepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="../../Content/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/moment.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<script src="../../Content/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
HTML-код:
<div class="form-group">
@Html.LabelFor(Model => Model.Personne.DateNaissance, new { @class = "control-label", style = "" })
<div class='input-group date'>
@Html.TextBoxFor(Model => Model.Personne.DateNaissance, new { @class = " form-control", id = "datetimepicker1", placeholder = "AAAA-MM-JJ", onclick = "javascript:dateTimePicker()" })
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
JS код:
function dateTimePicker() {
alert("bonjour eunice");
$('#datetimepicker1').datetimepicker({
format: "dd/mm/yyyy",
autoclose: true,
todayHighlight: true
});
}
Я ожидаю увидеть экран выбора даты и времени при нажатии на поле даты, но ничего не появляется. Нет календаря, нет ничего.
Пожалуйста, помогите. Спасибо