Javascript Laravel如何在modal上初始化日期选择器
我有一个Javascript Laravel如何在modal上初始化日期选择器,javascript,jquery,laravel,datepicker,Javascript,Jquery,Laravel,Datepicker,我有一个laravel-模式,在那里我需要工作,但是由于某些原因,日期选择器没有初始化 @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('appl
laravel
-模式,在那里我需要工作,但是由于某些原因,日期选择器没有初始化
@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>
但是什么也没发生!?!我也尝试设置一个ID,但没有区别
有人有线索吗?你的看法。我通过添加
id=“生日”
控制台有错误吗?@MayankPandeyz没有,不是在all@ST80只需确保您的脚本包含在该页面上。正如在JSFIDLE中一样,同样的代码也在工作。有时可能是缓存问题。。。在浏览器>检查视图>源代码中尝试包含您的javascript更改。导致问题的原因是缺少的
@yield('scripts')
!无论如何,非常感谢您抽出时间:pIt是丢失的@yield('scripts')
导致问题的原因:-s
$(document).ready(function() {
$("input[name='birthyear']").datepicker({ format: "dd-mm-yyyy" });
});
@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>
@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