javascript - Laravel 如何在模态上初始化日期选择器

Question

我有一个 laravel-modal，我需要 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" });
});

但是没有任何反应!？!我也试过设置一个 ID，但没有区别。

有人知道吗？

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 代码。我为日期选择器调用了 bootstrap cdn。我相信您在布局的头文件中必须有 @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