使用jQuery设置时间输入不起作用



我有一个简单的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");
        });

让我知道这是否对您有帮助。

相关内容

  • 没有找到相关文章

最新更新