bootstrap.min.jsをCDNで読み込み
管理画面の受注一覧と同様にjavascriptを記述しました。
しかし、記入欄にdatetimepickerが表示されません。
エラーは出ておりません。
どなたかご教授いただけますと幸いです。
<script src="{{ asset('assets/js/vendor/moment.min.js', 'admin') }}"></script>
<script src="{{ asset('assets/js/vendor/moment-with-locales.min.js', 'admin') }}"></script>
<script src="{{ asset('assets/js/vendor/tempusdominus-bootstrap-4.min.js', 'admin') }}"></script>
<script>
$(function () {
// datetimepicker で value が消えてしまうので data-value に保持しておく
$('#shopping_order_takeout_time').each(function() {
$(this).data('value', $(this).val());
});
$('#shopping_order_takeout_time').datetimepicker({
locale: '{{ eccube_config.locale }}',
format: 'YYYY-MM-DD HH:mm:ss',
useCurrent: true,
buttons: {
showToday: true,
showClose: true
},
});
// datetimepicker で value が消えてしまうので更新
$('#shopping_order_takeout_time').each(function() {
$(this).val($(this).data('value'));
});
});
</script>
<input type="text" id="shopping_order_time" name="_shopping_order[time]" required="required" class="datetimepicker-input" data-target="#shoppingtakeout_time" data-toggle="datetimepicker">