Jquery 日期时间选择器在 ajax 弹出窗口扩展器后面打开

Question

我正在使用 .Net 开发应用程序。我想在我的应用程序中实现日期时间选择器。

 $(document).ready(function(){
            $('#MainContent_txtTime').datetimepicker();
        });

文本框 'MainContent_txtTime' 控件已放置在 ajax 弹出窗口扩展器内，并且日期时间选择器不可见，因为它在弹出窗口扩展器后面打开。弹出窗口放置在手风琴内。我怎样才能在文本框上方显示它？

我用过以下.css class

<style type="text/css">
        #ui-datepicker-div {
            z-index: 9999999;
        }
    </style>

它不起作用。有什么线索吗？

谢谢

Answer 1

您可以使用 bootstrap 日期时间选择器，方法如下：-

您只需添加 jquery、datetimepicker scipt、datetimepicker css。

$(function(){
  $('.datepicker').datetimepicker();
})

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>



<div style="position:relative">
<input type="text" class="datepicker">
</div>

Jquery 日期时间选择器在 ajax 弹出窗口扩展器后面打开

Jquery datetime picker is opening behiand the ajax popup extender

asp.net

jquery

modalpopupextender

asp.net-ajax

datetimepicker