使用glDatePicker(或类似)到模态Boostrap 3

时间:2015-07-30 11:17:38

标签: javascript jquery twitter-bootstrap

我是一个需要2个日期输入的简单页面,我会使用日期选择器来获取它们。 我发现glDatePicker http://glad.github.io/glDatePicker(非常感谢!)简单,轻巧,效果很好。 我的问题是在使用bootstrap 3的模态中使用它。 我可以调用函数来显示日期选择器,例如

$(window).load(function() {
    $('#date').glDatePicker();
});

并且它在任何地方都能很好地工作,除了在模态中看起来好像出现在模态后面和/或它没有完全显示(格式错误)。

我已经尝试将其放入特定的div中(如作者所建议的那样),但结果是一样的。

我认为由于模态,它无法正确附加到输入字段,但我不确定,反正我也不知道如何解决它:)

谢谢!

1 个答案:

答案 0 :(得分:0)

我和另一个库有同样的问题。事实是,显示的日历附在" body"元素,因此在模态弹出窗口中无法看到它。因此,您可以尝试更改z-index属性或定位就足够了。否则(就像我的情况一样)是黑客攻击库,以便接受一个额外的可选参数,用于存储dom元素以附加日历。