Question

我有一个简单的html代码，用于设置文档就绪函数中time类型的输入值。它在计算机浏览器中正常工作。但它不适用于移动设备。

＆＃13;

<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>

＆＃13;

＆＃13; 原始javascript完美运行（代码下方）：

＆＃13;

    <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>

＆＃13;

任何想法？

Answer 1

我在Google上进行了一些搜索，Mozilla对<input type="time">有很好的解释。某些移动浏览器（如Safari）尚不支持此输入。

如上所述，Safari和其他一些不太常见的浏览器本身并不支持时间输入

Source

此代码的行为类似于我手机上的time输入。使用val方法代替att。

$(document).ready(function (){
            $("#time").val("23:30");
        });

请告诉我这是否对您有所帮助。

使用jquery设置时间输入在移动设备

1 个答案:

Source