bootstrap-datetimepicker не работает правильно

Документы по адресу bootstrap-datetimepicker на самом деле не объясняют, какая версия jquery и moment необходимы для использования виджета (если нужны определенные версии). У меня нет ошибок jquery в соответствии с инструментами разработчика, и я протестировал кнопку значка календаря, добавив несколько быстрых jquery, которые работали нормально.

($("#datetimepicker10 span").click(function(){
    alert('working!');
    };
));

В противном случае у меня все, что требуется в документах, загружено в правильном порядке (я думаю). Однако; ссылка на значок не работает, поэтому я не могу выбрать дату и время. Я предполагаю, что это связано с тем, как загружаются файлы, или с версией jquery/moment, которую я использую, потому что я пытался добавить это jsfiddle, и это тоже не сработает.

Любые идеи были бы хорошы. Любые подсказки о том, как отлаживать такого рода ошибки js, также были бы хороши в будущем.

Текущий код:

<head>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>

Конец тела..

<script type='text/javascript' src="/static/js/bootstrap.min.js"></script>
<script type='text/javascript' src="/static/js/bootstrap-datetimepicker.min.js"></script>

$( document ).ready(function() {
    $('#startDate').datetimepicker();
});

Наконец, html:

<div class="container">
    <div class="col-sm-6" style="height:75px;">
       <div class='col-md-5'>
            <div class="form-group">
                <div>Start</div>

                <div class='input-group date' id='startDate'>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

datetimepicker twitter-bootstrap-3 bootstrap-datetimepicker
person David Hagan    schedule 31.05.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Пожалуйста, взгляните на эту скрипку:

Значок даты и времени

$('.datepicker').datetimepicker({ format: 'DD-MM-YYYY HH:mm:ss' });

person Mohamed Anis Dahmani    schedule 18.08.2014

arrow_upward
0
arrow_downward

Для пользовательского формата просто используйте data-date-format в своем вводе. Например:

<div class='input-group date' id='datetimepicker5'>
    <input type='text' class="form-control" data-date-format="DD/MM/YYYY"/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

Это формат в Латинской Америке, день/месяц/год

person candlejack    schedule 14.11.2014