我有一个简单的html代码,该代码设置了文档准备就绪功能中类型时间的输入值。它正确地在计算机浏览器中工作。但是它在移动设备中不起作用。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<input type="time" id="time" style="height:25px">
<script>
$(document).ready(function (){
$("#time").attr("value","23:30");
});
</script>
</body>
</html>
虽然RAW JavaScript正常工作(代码下方(:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<input type="time" id="time" style="height:25px">
<script>
$(document).ready(function (){
document.getElementById("time").value = "23:30";
});
</script>
</body>
</html>
有什么想法?
我在Google上进行了一些搜索,Mozilla对<input type="time">
有很好的解释。像Safari这样的一些移动浏览器尚不支持此输入。
如上所述,Safari和其他一些不常见的浏览器尚未支持时间输入本地输入
来源
此代码的行为类似于我的手机上的time
输入。使用val
方法代替att
。
$(document).ready(function (){
$("#time").val("23:30");
});
让我知道这是否对您有帮助。