В настоящее время моя проблема в том, что календарь не отображается (говорит мне, что функция datetimepicker не правильно инициализирована в элементах управления).
Обратите внимание, что показанная здесь реализация основана на другой реализации в другом месте. на сайте, который работает.
<link href="/Content/bootstrap.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="/Scripts/moment.min.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.min.js"></script>
Я удалил все скрипты, такие как datatables и knockout, так как считаю, что они излишни, а список используемых скриптов довольно обширен,Полная [отредактированная для удаления информации о клиенте] разметка для страницы может быть найдена здесь .
Форма проста, просто ввод с классом .datetimepicker на них:
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label class="control-label col-sm-5">Start Date</label>
<div class="col-sm-7 input-group">
<input type="text" class="form-control datetimepicker" id="StartDate" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar "></span>
</span>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-5">End Date</label>
<div class="col-sm-7 input-group">
<input type="text" class="form-control datetimepicker" id="EndDate" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar "></span>
</span>
</div>
</div>
</div>
</div>
Прямо сейчас, когда я нажимаю на любой из этих входов, они просто дают мне варианты автозаполнения для значений, которые я вводил в прошлом.
Раньше для таких вещей вы инициализировали JavaScriptчто-то вроде этого внизу страницы:
$(document).ready(function () {
$("#StartDate").datetimepicker();
$("#EndDate").datetimepicker();
});
Это, однако, не является необходимым в этом случае, так как страница, на которой работают эти средства выбора времени и времени, не делает этого.
Если я инициализирую элементы управления таким образом, календарь показывает, но использую ли я опцию locale или опцию format , как указано в этом ответе SO , он никогда не дает датыправильный формат, который мне нужен, это yyyy/mm/dd.
В идеале я хочу видеть календарь во всплывающем окне и отображать даты на входе в правильном формате. Если кто-то может указать, что я делаю неправильно, я был бы очень признателен.
Вот скрипка: https://jsfiddle.net/h3809a7r/