Question

我在同一个div中更改了datepicker的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元素：

datepicker {

 cursor: pointer;

}

Answer 2

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

解决了它。

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

Datepicker在移动设备中无法点击

2 个答案: