小编Daf*_*aft的帖子

Bootstrap Datepicker显示在popover后面

我试图在popover中显示一个日期选择器(使用bootstrap和bootstrap-datepicker扩展)并遇到一些问题,首先我遇到显示datepicker的问题并找到了这个主题:Popover中的Datepicker将无法显示 ,但现在它是显示在我的弹出窗口后面,所以它不完全可见

这是HTML代码:

<button type="submit" class="btn btn-primary pop_doleance" rel="popover" data-original-title="Ajouter doléance">Ajouter doléance</button>

<div style="display: none" class="pop_doleance_content">
<form class="well form-inline form_doleance">
    <label for="date">Date : </label>
    <input id="date" type="text" class="input-medium">
</form>
Run Code Online (Sandbox Code Playgroud)

和Javascript代码:

var tmp = $.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show = function (){
    tmp.call(this);
    if (this.options.callback) {
    this.options.callback();
    }
}

$(function (){
    $(".pop_doleance").popover({
        placement:'bottom', 
        html : true, 
        content: function(){return $('.pop_doleance_content').html();},
        callback: function(){$('#date').datepicker();}
    });  
});
Run Code Online (Sandbox Code Playgroud)

有任何想法吗 ?

html javascript jquery datepicker twitter-bootstrap

4
推荐指数
2
解决办法
2万
查看次数

标签 统计

datepicker ×1

html ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1