Laravel, как инициализировать DatePicker на модальном

Question

У меня есть laravel -модал, где мне нужен jquery-datepicker для работы, но по какой-то причине средство выбора даты не инициализируется.

@push('modals')
 <div class="modal fade" tabindex="-1" role="dialog" id="uploadModal">
    <div class="modal-dialog modal-lg" role="document">
      <form method="POST" action="{{ route('application.store') }}">
         <div class="modal-content">
           <input name="birthyear" type="text" class="form-control" autocomplete="birthyear" required />
         </div>
       ...
      </form>
   </div>
</div>

Затем в моем app.js я делаю:

$(document).ready(function() {
    $("input[name='birthyear']").datepicker({ format: "dd-mm-yyyy" });
});

Но ничего не происходит!?! Я также пытался установить идентификатор, но без разницы.

У кого-нибудь есть подсказка?

Answer 1

ваш взгляд.я изменил его, добавив id="birthyear"

@push('modals')
 <div class="modal fade" tabindex="-1" role="dialog" id="uploadModal">
    <div class="modal-dialog modal-lg" role="document">
      <form method="POST" action="{{ route('application.store') }}">
         <div class="modal-content">
           <input name="birthyear" id="birthyear" type="text" class="form-control" autocomplete="birthyear" required />
         </div>
       ...
      </form>
   </div>
</div>

код JavaScript.я назвал загрузчик CDN для DatePicker.я считаю, что вы должны иметь @yield('scripts') в заголовочных файлах на вашем макете.

@section('scripts')
 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>

 //process date of birth
        $(document).ready(function () {

                $('#birthyear').datepicker({
                    format: "yyyy-mm-dd"
                });  

            });

        $('#birthyear').datepicker({
        autoclose: true,  
        format: "yyyy-mm-dd"
        }); 
@stop