时间戳

首页 > 解决方案 > Jquery 日期时间选择器正在打开 ajax 弹出扩展器

jquery - Jquery 日期时间选择器正在打开 ajax 弹出扩展器

问题描述

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

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

文本框“MainContent_txtTime”控件已放置在 ajax 弹出扩展器内，并且 datetimepicker 不可见，因为它在弹出扩展器后面打开。弹出窗口放置在手风琴内。我怎么能在文本框上方显示它？

我使用了以下 .css 类

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

它不工作。有什么线索吗？

谢谢

标签： jqueryasp.netasp.net-ajaxdatetimepickermodalpopupextender

解决方案

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

您只需要添加 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>

推荐阅读