Bootstrap 4 (v4.1.1) выпадающий выпадающий выбор даты и времени - PullRequest
Новая
       38

Bootstrap 4 (v4.1.1) выпадающий выпадающий выбор даты и времени

0 голосов
/ 01 июня 2018

Может кто-нибудь решить эту проблему для последней версии начальной загрузки (v4.1.1).Выпадающий список не отображается правильно.или предложите мне хороший сборщик времени для начальной загрузки.

Пожалуйста, проверьте Codepen Link 

 <section class="jumbotron text-center ">
    <form>
        <div class="form-row justify-content-md-center">

            <div class="form-group col-md-6">
                <label for="inputEmail4">Bootstrap 4 (v4.1.1 ) Date Time Picker</label>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="Suggested time for visit*" aria-label="Suggested time for visit*" aria-describedby="basic-addon2" id="datetimepicker1">
                    <div class="input-group-append input-group-addon">
                        <span class="input-group-text" id="basic-addon2"><i class="far fa-calendar-alt"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>

1 Ответ

0 голосов
/ 01 июня 2018

Я использовал этот указатель даты с последней версией Bootstrap:

https://github.com/Eonasdan/bootstrap-datetimepicker

Я добавил это в конце кода JavaScript: 

$('#datetimepicker1').datetimepicker({
   format: 'DD/MM/YYYY',
});

Вот Jsfiddle, он работал: https://jsfiddle.net/jrafo826/ Просто немного изменил стиль!Вы должны добавить глификон самостоятельно.

...