I'm trying to display a datepicker in a popover (using bootstrap and bootstrap-datepicker extension) and having some issues,
first I had a problem with displaying the datepicker and found this topic : Datepicker in Popover Won't display
,but now it's displaying behind my popover so it's not fully visible

Here is the HTML code :

<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>

And the Javascript code :

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();}

    });  

});

Any ideas ?