變遷類型不工作在移動的Safari

我面臨的問題，當我必須佔位符文本設置爲輸入[類型=「日期」]。變遷類型不工作在移動的Safari

我已經試過這method，但在Safari移動這個doen't工作。

這裏，如果這部分代碼：

<form> 
    <input type="text" placeholder="some date" onfocus="(this.type='date')" onblur="(this.type='text')" /> 
</form>

是否有人在如何管理這種局面的想法？

來源

2015-12-07 Johnny Juarez

我試過這個方法：[的jsfiddle]（http://jsfiddle.net/JohnnyJuarez/ ragrg8u9 /）它似乎在移動Safari瀏覽器中工作...但我背部的餡料告訴我，這應該是另一種方式... –

我有一個笨advice.I使用div來替換其類型是日期的text.The真實輸入是顯示輸入：無; ios不支持這種情況，我嘗試了很多方法來解決這個問題，但這並不重要。嘗試g雖然您通過以下方式會不喜歡吧^ -^

$(function(){ 
 
     document.getElementById('div').addEventListener('click',function(e){ 
 
      if(document.getElementById('input').style.display == 'none'){ 
 
       document.getElementById('input').style.display = '' 
 
      } 
 
     },false) 
 
     document.getElementById('input').addEventListener('blur',function(e){ 
 
      debugger; 
 
      document.getElementById('input').style.display = 'none' 
 
      document.getElementById('div').innerHTML = document.getElementById('input').value; 
 
     }) 
 

 
})

<div id="div" style="height:47px;border:1px solid #000"> 
 
     <input id="input" type="date" placeholder="some date" style="display:none;"/> 
 
</div>

<script type="text/javascript"> 

$(function(){ 
     document.getElementById('div').addEventListener('click',function(e){ 
      if(document.getElementById('input').style.display == 'none'){ 
       document.getElementById('input').style.display = '' 
      } 
     },false) 
     document.getElementById('input').addEventListener('blur',function(e){ 
      debugger; 
      document.getElementById('input').style.display = 'none' 
      document.getElementById('div').innerHTML = document.getElementById('input').value; 
     }) 
}) 

</script>

來源

2015-12-07 15:05:45

變遷類型不工作在移動的Safari

回答

相關問題