Bootstrap4 tempus dominus DateTimePicker 没有出现

Question

我跟着这个，没有错误消息，但 datetimepicker 没有出现在输入元素上。

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/html/template/default/assets/js/function.js"></script>
<script src="/html/template/admin/assets/js/vendor/moment.min.js"></script>
<script src="/html/template/admin/assets/js/vendor/moment-with-locales.min.js"></script>
<script src="/html/template/admin/assets/js/vendor/tempusdominus-bootstrap-4.min.js"></script>

<script>
    $(function () {

        $('input.datetimepicker-input').datetimepicker({
            locale: 'ja',
            format: 'YYYY-MM-DD HH:mm:ss',
            useCurrent: true,
            buttons: {
                showToday: true,
                showClose: true
            },
        });

    
    });
</script>

<input type="text" id="shopping_order_time" name="_shopping_order[time]" required="required" class="datetimepicker-input" data-target="#shoppingtakeout_time" data-toggle="datetimepicker">

如果有人知道导致问题的原因，您能帮忙吗？

Answer 1

问题是 data-target 的值不是元素的 id。