日期选取器在移动设备中不可单击

Question

我在同一div中更改了日期选择器的html位置，之后Angular datepicker在移动版本中不可单击，因此无法正常工作。在此之前，它在移动版本中工作。知道可能出了什么问题，甚至从哪里开始寻找吗？

/添加了我为此准备的代码。

<div class="col-md-4">
    <label style="color:white;">Date</label>
    <datepicker date-format="d MMMM, yyyy">
        <input ng-class="{true: 'error-bron', false:'nonerror-bron'}[dateError===true]" readonly="true" class="bron-date" ng-model="$root.date" type="text" placeholder="Pick a date"/>
    </datepicker>
</div>

和CSS部分：

.bron-date  {
    width: 100%;
    padding: 21px;
    border: none;
    cursor: pointer;
}

datepicker, .datepicker, [datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
font-family: spaceMono;
font-size: 13.5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0 auto;
float: left;
clear: right;
position: relative;
cursor: pointer;
} 

Answer 1

这是移动设备上网站 (html( 的已知问题，因为它们不使用真正的鼠标，您需要将其添加到 css 中的日期选择器元素中：

datepicker {
 cursor: pointer;
}

Answer 2

<div class="col-md-4 col-xs-12">

解决了。

基本上在移动视图中，较低的div掩盖了日期选择器div，因此无法单击它。因此，当我告诉程序在移动视图中，这个div应该占据屏幕的整个宽度时，它并没有完全搞砸，并且日期选择器没有被"覆盖"，因此它是可点击的。