在移动模拟中(在Chrome浏览器中使用Ionic)日期输入表现奇怪

时间:2016-01-04 09:54:55

标签: javascript html5 google-chrome ionic-framework ionic

我的Ionic应用程序中有以下元素:

<input type="date"
       ng-model="input.startDate"
       class="ng-pristine ng-valid ng-touched"
       style="">

在chrome(移动仿真模式)中,此输入获得一个下拉箭头,当我点击它时,我得到以下日期选择器:

enter image description here

如果我在没有移动仿真的情况下显示相同的页面,日期选择器显示正确,是否有我做错了或者这是Chrome错误?

我使用 Chrome版本48.0.2564.48 beta-m(64位)

编辑: 我注意到我处于测试频道,不知道发生了什么,我改为稳定,但问题仍然存在( Chrome版本48.0.2564.48 m(64位))。

2 个答案:

答案 0 :(得分:2)

我有同样的问题,我发现如果你把设备像素比率设为1,日期选择器就会显示为正常。

答案 1 :(得分:0)

我建议您使用 GapDebug https://www.genuitec.com/products/gapdebug/
用chrome模仿它会更好。