Question

好吧所以我正在创建一个网站，我在每个主要浏览器都支持一个HTML时间选择器，我只有iOS的问题，输入没有显示，它被一个空白替换空间，当您单击该空间时，您可以选择一个时间，之后它将出现。想知道如何解决这个问题。我的代码有点草率但是在这里：

CSS：

input[type="time"] {
-webkit-appearance: none;
border-radius: 0;    
border: 2px solid white;
padding: 10px 40px; 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 
rgba(0,0,0,0.19);
background: white;border-radius: 0px;width: 15rem;
}

HTML：

<input input placeholder="Time" class="textbox-n" type="text" onfocus="(this.type='time');" onclick='timeChange()' id="time" name="time">

我添加了一个onfocus事件，因为最初它根本没有显示然后我将它设置为文本框但是当点击将变成时间选择器时，工作，但是当点击它时消失。然后，您必须再次单击空白区域，如前所述。

onClick我添加了因为我认为可能通过使用JavaScript设置一个值，它会出现在它自己的，不起作用，继续JS代码：

function timeChange(){
  $('input[type="time"][value="now"]').each(function(){    
    var d = new Date(),        
        h = d.getHours(),
        m = d.getMinutes();
    if(h < 10) h = '0' + h; 
    if(m < 10) m = '0' + m; 
    $(this).attr({
      'value': h + ':' + m
    });
  });
}

请帮助谢谢

HTML iOS表单输入时间未显示

0 个答案: