代码: <div class="form-body">
<div class="form-li">
<div class="form-label">
<span class="label-text">作业ID</span>
</div>
<div class="form-inputbox">
<div class="inputbox-input">
<ion-input type="text" [(ngModel)]="title" placeholder="输入作业ID"></ion-input>
</div>
</div>
</div>
<div class="form-li">
<div class="form-label">
<span class="label-text">标题</span>
</div>
<div class="form-inputbox">
<div class="inputbox-input">
<ion-input type="text" [(ngModel)]="id" placeholder="输入标题"></ion-input>
</div>
</div>
</div>
<div class="form-li">
<div class="form-label">
<span class="label-text">类型</span>
</div>
<ion-item class="month-select" detail-push="">
<ion-label hidden>类型</ion-label>
<ion-select item-right="" placeholder="请选择" cancelText="取消" okText="确定" title="变更类型"
[(ngModel)]="dealResultId" >
<ion-option value="0">月度作业计划</ion-option>
<ion-option value="1">年度作业计划</ion-option>
<ion-option value="2">临时计划</ion-option>
<ion-option value="3">特殊作业计划</ion-option>
</ion-select>
<ion-icon end name="ios-arrow-down" style="color: gray"></ion-icon>
</ion-item>
</div>
<div class="form-li">
<div class="form-label">
<span class="label-text">发起时间</span>
</div>
<div class="month-select" >
<ion-datetime class="date-left" detail-push=""
displayFormat="YYYY-MM-DD"
placeholder="请选择"
cancelText="取消"
doneText="确定"
[(ngModel)]="inRoomTime">
</ion-datetime>
<ion-icon class="date-right" name="custom-calender"></ion-icon>
</div>
</div>
</div>
在一个界面中有ion-datetime标签,有其他标签,运行到界面发现ion-datetome标签之前的标签的所有点击事件点击都弹出日期,
解决办法:在ion-datetime的css上增加 position: relative;