如何让jquery timepicker在模式中运行？

和时间选择器一起工作，我尝试了zindex列出的所有可能的排列。也许我还是没有弄对，但似乎没有一个达到预期的效果。 我认为正在使用的引导尚未更新为4，这可能也是一个问题，但这不是我的决定。 目前：

<form class="form-horizontal" action="{{ route('muuda_syndmus') }}" method="post">
{{ csrf_field() }}  
<div id="syndmusModal" class="modal fade" role="dialog">
    <div class="modal-dialog">                    
        <!-- Modal content-->
        <div class="modal-content">            

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Muuda</h4>
            </div>
            
            <div class="modal-body">                                                                                                                                                                                                    

                <!-- Nädala valik -->                                                            
                <div id="modal-weekpicker" class="weekpicker form-group">
                    <div class="col-sm-4">
                        <p class="heading">Nädal:</p>
                    </div>
                    <div class="col-sm-8">
                        <input id="modal-syndmus-nadal" name="modal-syndmus-nadal" type="text"  class="kpv form-control input-sm" value="">                            
                        <small class="error" style="display: none;">Nädala valimine on kohustuslik.</small>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-4">
                        <p class="heading">Kuupäev:</p>                                        
                    </div>
                    <div class="col-sm-8">
                        <input type="text" id="modal-syndmus-kpv" name="modal-syndmus-kpv"  autocomplete="off" style="width: 100px;" 
                            placeholder="" class="kpv form-control input-sm" value="">                                                
                    </div>                                    
                </div>

                <div id="staatuse_aja_valik" class="form-group staatuse_lisa_kalendrisse" >
                    <div class="col-sm-4">
                        <p class="heading">Aeg:</p>                                        
                    </div>
                    <div class="col-sm-8">
                        <input id="modal-syndmus-aeg-alg" name="modal-syndmus-aeg-alg"
                        class="form-control timepicker" style="width:45%; text-align: center;"
                        pattern="[0-9]{2}:[0-9]{2}">
                        <span style="width:5%;">-</span>
                        <input id="modal-syndmus-aeg-lopp" name="modal-syndmus-aeg-lopp"
                        class="form-control timepicker" style="width:45%; text-align: center;"
                        pattern="[0-9]{2}:[0-9]{2}">   
                    </div>                               
                </div>                    

                <div id="staatuse_meeskonna_valik" class="form-group staatuse_lisa_kalendrisse" >
                    <div class="col-md-4">
                        <p class="heading">Meeskond:</p>
                    </div>
                    <div class="col-md-8">
                        <select class="form-control input-sm" id="modal-syndmus-meeskond-id" name="modal-syndmus-meeskond-id">
                            <option value="0">...</option>
                            @foreach($meeskonnad as $meeskond)
                                <option value="{{ $meeskond->id }}"
                                    @if( $meeskond->id == old('modal-syndmus-meeskond-id') )
                                        selected="selected" 
                                    @endif
                                >{{ $meeskond->nimi }}</option>
                            @endforeach
                        </select>
                    </div>                                    
                </div>

                @if( $can_see_toovihik_markus )
                    <div class="form-group">
                        <div class="col-sm-4">
                            <p class="heading">Märkused:</p>                                        
                        </div>
                        <div class="col-sm-8">
                            <div spellcheck="false" id="modal-syndmus-markused" name="modal-syndmus-markused"
                                class="syndmuse-markus-vormil nagu-input" contenteditable="true"></div>
                        </div>                                    
                    </div>
                @endif                    
                                                          
            </div>
            <div class="modal-footer">
                <input type="hidden" id="syndmus_id" name="syndmus_id" value="">
                <textarea style="display: none;" id="copy-syndmus-markused" name="copy-syndmus-markused"></textarea>
                <button type="button" class="btn btn-default" data-dismiss="modal">Tagasi</button>
                <button id="btnSalvestaSyndmus" name="btnSalvestaSyndmus" type="submit" class="btn btn-primary" value="salvesta">Salvesta</button>                  
            </div>
            
        </div>                        
    </div>
</div>

{{csrf_field（）}}
&时代；
穆达
Nädal：
Nädala valimine在kohustuslik。
Kuupäev:
Aeg:
-
Meeskond：
...
@foreach（$meeskonnad作为$meeskond）
id==old（'modal-syndmus-meeskond-id'））
selected=“selected”
@恩迪夫
>{{$meeskond->nimi}
@endforeach
@如果（$can_see_Toovhik_markus）
Märkuse:
@恩迪夫
塔加西
萨尔维斯塔

你的js代码在哪里？@muhammaddyaskur是的，谢谢。结果是我以为放在布局文件里的那块。。不在里面。