使用 jquery 设置时间输入在移动设备中不起作用答案

【问题标题】：Setting time input with jquery does not work in mobile使用 jquery 设置时间输入在移动设备中不起作用
【发布时间】：2018-02-24 08:02:55
【问题描述】：

我有一个简单的 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>

虽然原始 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>

有什么想法吗？

【问题讨论】：

标签： javascript jquery html mobile

【解决方案1】：

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

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

Source

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

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

如果这对你有帮助，请告诉我。

【讨论】：