Не удается заставить datetimePicker bootstrap.v3.datetimepicker работать в ASP.NET Mvc - PullRequest
0 голосов
/ 16 января 2019

Я хочу включить 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
    });
}

Я ожидаю увидеть экран выбора даты и времени при нажатии на поле даты, но ничего не появляется. Нет календаря, нет ничего. Пожалуйста, помогите. Спасибо

...