Bootstrap popover datepicker is not working

Question

I'm trying to display calendar in the pop-over but my problem is that the calendar displays behind the pop-over rather then in it. Any ideas for how I can solve this?

My JavaScript:

$(document.body).on('click', '#popupDatepicker7', function () {  
    jQuery('#popupDatepicker7').datepick();  
});

My HTML code:

<input type='text' name='expiry_date' required='required' class='form-control parsley-validated' value='' id='popupDatepicker7' placeholder='Expiry date'>

Answer 1

You can try to change the css property 'z-index' of calendar, make it greater than pop-over.