Question

Bootstrap日期时间选择器不适用于Stackable Bootstrap模态。我使用bootstrap-modal插件（我在https://github.com/jschr/bootstrap-modal/上找到了它）以一种形式显示可堆叠模式，在顶部模式上，我尝试添加bootstrap 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元素为加载/显示以解决此问题。

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

Boostrap datetimepicker无法在Stackable Bootstrap模式下使用

1 个答案: