这个问题,确实困扰了我好久,但是今天解决了。在网上搜索答案,全都是用DIV模拟input框实现,没有一个真正解决这个问题的,现在我只需要一句代码就可以完完整整的解决这个问题。
解决方案:
html代码
<div class="calendar"> <div> <input type="text" id="datePicker" class="date_picker" placeholder="点击选择入住日期"/> </div> <div> <input type="text" id="datePicker2" class="date_picker" placeholder="点击选择离开日期"/> </div> </div>
js代码
$("#datePicker").focus(function(){ document.activeElement.blur(); }); $("#datePicker2").focus(function(){ document.activeElement.blur(); });
接下来见证奇迹的时刻到了,手机自带的键盘,奇迹就不见了。