datepicker出现在模态后面

Question

日期选择器出现在模态框后面，如何使其显示在模态框上方。由于日期选择器出现在模态表单后面，我无法访问它。

$('#modal_div_res').html("
    <div><input class='form-control datepicker_input' type='date' id='date' name='date'>
    </div>
");

Answer 1

我也有这个问题。只需在启动CSS之后放这个。

#ui-datepicker-div {
z-index: 10000 !important;

}

Answer 2

使您的日期选择器的z-index高于您的模态框的z-index将使其显示在模态的顶部。

    modal style='z-index:8'

    datepicker style='z-index:9'

Answer 3

我通过此方法解决了同样的问题：

<style>
	.datepicker-plot-area {
		z-index: 1151 !important;
	}
    </style>