bootstrap關於日期控制項被模態框遮蓋的BUG修複，bootstrap模態

bootstrap關於日期控制項被模態框遮蓋的BUG修複，bootstrap模態
bootstrap關於日期控制項被模態框遮蓋的BUG修複

在使用bootstrap-datepicker.js外掛程式的時候，由於是在模態框中填寫日期值，而模態框的值把日期控制項遮蓋在下面了，導致無法填寫日期值。如所示：

其本質原因是：當我們點擊日期控制項填寫日期時，bootstrap-datepicker.js幫我們動態產生了class為datepicker dropdown-menu的div，其中包括日期控制項中的由年月日等構成的div，而dropdown-menu樣式是在bootstrap.css中定義的，其樣式為：

.dropdown-menu {  position: absolute;  top: 100%;  left: 0;  z-index: 1000;  display: none;  float: left;  min-width: 160px;  padding: 5px 0;  margin: 2px 0 0;  font-size: 14px;  text-align: left;  list-style: none;  background-color: #fff;  -webkit-background-clip: padding-box;          background-clip: padding-box;  border: 1px solid #ccc;  border: 1px solid rgba(0, 0, 0, .15);  border-radius: 4px;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}

註：本文使用的bootstrap版本為3.2.2

由於模態框的z-index值比日期控制項的dropdown-menu的z-index值要大，所以其隱藏在模態框下面了，因此我們只需修改dropdown-menu的z-index值為10000即可，修改後即可正常顯示了，如：