jQuery的时间选择器不显示在模态窗口 [英] jquery timepicker not showing in modal window

问题描述

如果有任何错误事先表示歉意，我是刚开始发布问题的人.我无法让jquery timepicker出现在模式窗口中(它出现在窗口的后面)，想知道是否有人对如何解决此问题有任何建议.这是jsfiddle中的链接

I am new to posting questions, if any mistakes apologies in advance. I am unable to get jquery timepicker to appear in the modal window (it appears behind the window), was wondering if anyone had any suggestions on how to resolve this. This is the link in jsfiddle

[ https://jsfiddle.net/Lrqcczde/2/]

    <!-- Button trigger modal -->
    <button class="btn btn-primary btn-lg" data-toggle="modal" data-
    target="#myModal">Launch Time picker</button>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;
          </button>
          <h4 class="modal-title" id="timepicker">Time Picker</h4>

       </div>
       <div class="modal-body">
        <div class="col-md-12">
          <div class="row">
            <label for="timepicker1">Start Time:</label>
            <div class="form-group">
              <div class="input-group">
                <input name="timepicker1" id="timepicker1" readonly="readonly" 
             class="form-control timepicker1">
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-
          dismiss="modal">Close</button>
        </div>
         </div>
        <!-- /.modal-content -->
       </div>
       <!-- /.modal-dialog -->
     </div>
     <!-- /.modal -->

先谢谢您.彼得

推荐答案

您可以尝试使用此CSS

You Can Try with This css

 .ui-timepicker-container {
      z-index: 3500 !important;
 }

这篇关于jQuery的时间选择器不显示在模态窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！