Laravel 5.6 + Jscript Datepicker

Question

У меня небольшая проблема в представлении .blade, кажется, я не могу загрузить средство выбора JS, даже если срабатывает триггер оповещения.

Вид страницы:

@extends('layouts.app')
@section('title', '| Create New Event')
@section('content')
<?php use App\Product; ?>
<div class="container">
    <div class="row border">
        <div class="col-6">
            <h4>Create a New Event</h4>
        </div>
    </div>
    {{ Form::open(array('route' => 'events.store')) }}
    <div class="row">
        <div class="col-2 form-group">
            {{ Form::label('product_id', 'Product') }}
            {{ Form::select('product_id', Product::pluck('item', 'id'), null, ['placeholder' => 'Choose Product...',
                                                                               'class'       => 'form-control',
                                                                            ])}}
        </div>
        <div class="col-2 form-group">
            {{ Form::label('pot', 'Pot') }}
            {{ Form::text('pot', null, ['placeholder' => 'Pot',
                                                   'class'       => 'form-control',
                                                ])}}
        </div>
    </div>
    <div class="row">
        <div class="col-4 form-group">
            {{ Form::label('rundate', 'Event Date') }}
            <div class='input-group date' id='datetimepicker2'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
        <div class="col-2">
            visible at picker here
        </div>
    </div>
    <div class="row">
        <div class="col-3">
            textarea
        </div>
        <div class="col-1">
            button
        </div>
    </div>
</div>
@stop
@section('javascript')
@parent
<script>
    alert('test');
    $(function () {
        $('#datetimepicker2').datetimepicker({
            locale: 'en'
        });
    });
</script>
@stop

Этоsection ('javascript') часть моего layouts.app, javascript загружен и оповещение работает, но средство выбора даты не работает, кнопка, связанная с вводимым текстом, ничего не делает

@section('javascript')
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"> 
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"> 
</script>
@show

Answer 1

Если ваш указатель даты скомпилирован в app.js и зависит от jquery, вам нужно загрузить его после, поэтому ставьте

 <script src="{{ asset('js/app.js') }}"></script>

после bootstrap.min.js.