Bootstrap datetimepicker在可堆叠Bootstrap模式中不起作用

Question

Bootstrap datetimepicker在可堆叠Bootstrap模式中不起作用。我使用了引导程序模态插件（我在https://github.com/jschr/bootstrap-modal/上找到了它）以一种形式显示可堆叠模态，在顶部模态中，我试图添加引导程序datetimepicker，但这是行不通的。即使输入是模式输入的补充，datetimepicker也可以工作。

<input type="date" class="form-control bootstrap-datepicker" name="dateAdded" id="dateAdded" data-toggle="datepicker">

$(function() { "use strict";
  $('.bootstrap-datepicker').bsdatepicker({
    format: 'dd-mm-yyyy'
  });
});

我尝试过：

$("#dateAdded").datepicker(); //Not working

$('.bootstrap-datepicker').css('z-index', 99999999999999); //Not Working

$('[data-toggle="datepicker"]').datepicker({
  autoHide: true,
  zIndex: 2048,
}); // not working

在此先感谢任何可以帮助我的人

Answer 1

问题将是，当您要初始化日期选择器时，$('.bootstrap-datepicker')将返回空数组。之所以会发生这种情况，是因为此时没有显示日期选择器的HTML-Element。 （由于可堆叠模态）

您可以在datepicker元素为加载/显示以解决此问题。

我会创建一个示例，但是您提供的代码不足以重现。