之前遇到，上司这样一个指示。

他说：“你看，能不能帮我解决一下，ipad自带的，键盘问题。”

就是我们做的这个项目，是一个 web项目，然后 要求 电脑端 和 平板都可以访问。在日期输入框的地方。他们有一个 自己做的 日期控件，可以选择日期。

在平板端，点了一下日期，下面就会弹ios内置的键盘。这个键盘，几乎占据了屏幕三分之一还多的，地方，导致，自己做的日期控件被遮盖住。

 

然后，事儿就来了。就让我去调查。

一顿查找。

发现，把 readonly 写上就可以了。

但是 还有问题。

 

电脑端，不能输入 想要的日期了。

 

也就是 需要，电脑端，不可以 readonly。

 

所以就有了下面的代码：

 

js端：

 

var isBrowserSafari = false;

if(navigator.userAgent.match(/(iPhone|iPod|iPad|Android.*Mobile)/i){//  前面对应的是非电脑端。 safari浏览器的情况下 写这个：   (/(Safari)/i)

　　isBrowserSafari = true;

}

else

{

　　isBrowserSafari = false;

}

 

var MyDate = document.getElementById（“MyDate”）;

if(isBrowerSafari){

　　MyDate.setAttribute("readonly","true");

}

else{

　　//処理なし

}

 

 

大概就是这样了~~~