ionic3中 ion-datetime 全屏可点击问题解决方案

废话不多说，能进来的都应该知道是个什么情况。我也是在网上找了一段时间，才在git上ionic官方团队的Issues中找到了问题解决方法。

第一，给外围包上一层ion-item，但是这有个问题，就是会让页面结构改变，由于项目时间紧迫，我也没仔细研究如何避免这个副作用。如果后面来的同学解决了该问题，希望能分享一下。

第二，就是给ion-datetime元素加上一个css属性  position: relative。原理就是ion-item的position属性是relative，这给里面的ion-datetime提供了父级容器，所以ion-datetime会按照你想要的样子（也就是点控件本身才会弹出时间选择，而不是屏幕的任何地方点击都可以）弹出时间选择框。但是为什么一定要ion-datetime这个元素使用relative的定位。官方项目组的人也没有说明白。

总之，遇到这个问题的朋友，这样子就可以解决问题啦。下面贴上对应的网址和截图。

 

https://github.com/ionic-team/ionic/issues/7476

 

 

转载于:https://www.cnblogs.com/tincyho/p/7117609.html