Question

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

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

文本框'MainContent_txtTime'控件已放置在ajax弹出扩展器内，并且datetimepicker在弹出扩展器后面打开时不可见。弹出窗口放置在手风琴内。如何在文本框上方显示它？

我使用了以下.css类

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

它不起作用。有任何线索吗？

谢谢

Answer 1

您可以通过以下简单方式使用引导日期时间选择器：-

您只需要添加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 datetime picker正在打开，而ajax弹出扩展器

1 个答案: