добавить timepicker в форму поля начальной загрузки 4

Question

Я застрял на том, как добавить указатель времени в поле ввода в шаблоне администратора Bootstrap 4, который я использую.

У меня был интегрированный Jquery, и он работал до использования нового администратора Bootstrap 4 adminшаблон, но теперь он не работает, и думаю, что он конфликтует с некоторыми другими файлами Javascript Bootstrap, поэтому посмотрим, можно ли использовать Timepicker Bootstrap 4, но я не могу получить один рабочий, есть ли у кого-нибудь пример кодирования одного работающего в Bootstrap4 формы, пожалуйста.

Answer 1

Я не совсем понимаю ваш вопрос, но я думаю, что это то, что вы ищете:

https://tempusdominus.github.io/bootstrap-4/

Tempus Dominus - это плагин jQuery для выбора времени и даты для Bootstrap 4.Это требует минимального кода для настройки. После импорта библиотеки все, что вам нужно написать, это:

<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <div class="input-group date" id="datetimepicker3" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker3"/>
                    <div class="input-group-append" data-target="#datetimepicker3" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-clock-o"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker3').datetimepicker({
                    format: 'LT'
                });
            });
        </script>
    </div>
</div>

См. Их документацию для получения дополнительной информации.Надеюсь, это поможет.