小编Gra*_*ace的帖子

以下是ClockPicker for Bootstrap的链接:http://www.jqueryrain.com/？B83aD_dg

它完美地运作; 但是,当我尝试使用它来填充Bootstrap模式弹出窗口中的文本输入时,时钟出现在模式弹出窗口后面.如何让时钟选择器出现在模态弹出窗口中(或前面)呢？

这是一个发生的事情的图像:

我已经尝试将div的z-index改为前面; 我也尝试将每个元素的z-index更改为clockpicker.css前面(例如:z-index:1120).然而,所有这一切都是让时钟消失.

<div class="modal fade appointment-modal"
     id="appointment-modal"
     tabindex="-1"
     role="dialog"
     aria-labelledby="myModalLabel"
     aria-hidden="true">

<div class="modal-dialog tutors-modal">
    <div class="modal-content tutors-modal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Appointment Scheduler</h4>
        </div>
        <div class="modal-body" style="height: 575px; left: 2.5%;">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">     
                        <div class="alert alert-danger"><span class="glyphicon glyphicon-alert"></span>
                            <form role="form" action="/portal/make-appointment/" method="post" id="appointment_form" class="form-horizontal">
                                <div class="col-lg-6">

                                    <div class="input-group clockpicker" id = "clockpicker" style="padding: 6px; padding-bottom: 20px;">
                                        <input type="text" class="form-control" id = "time" name="time" …