gpt4 book ai didi

html - 格式化输入字段 "time"以不显示秒和毫秒

转载 作者:可可西里 更新时间:2023-11-01 13:24:30 25 4
gpt4 key购买 nike

在 AngularJS 1.5 中,我有一个带有“时间”类型输入字段的表单。它有效,但显示的时间应该是 HH:mm - 没有秒等。

Chrome 默认执行此操作,但 Firefox 和 Internet Explorer 显示秒和毫秒(例如“14:56:00.000”而不是“14:56”)。

我们如何才能在所有浏览器中显示所需的时间格式?

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-time-input-directive-production</title>

<script src="//code.angularjs.org/snapshot/angular.min.js"></script>

</head>
<body ng-app="timeExample">
<script>
angular.module('timeExample', [])
.controller('DateController', ['$scope', function($scope) {
$scope.example = {
value: new Date(1970, 0, 1, 14, 56)
};
}]);
</script>
<form name="myForm" ng-controller="DateController as dateCtrl">
<label for="exampleInput">Pick a time between 8am and 5pm:</label>
<input type="time" id="exampleInput" name="input" ng-model="example.value"
placeholder="HH:mm" min="08:00" max="17:00" required />
<div role="alert">
<span class="error" ng-show="myForm.input.$error.required">
Required!</span>
<span class="error" ng-show="myForm.input.$error.time">
Not a valid date!</span>
</div>
<tt>value = {{example.value | date: "HH:mm:ss"}}</tt><br/>
<tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>
<tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>
<tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
<tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
</form>
</body>
</html>

谢谢!

最佳答案

Firefox 和 IE 不支持 <input type="time"> ,它取决于浏览器。参见 this有关 W3 的更多信息的链接。因此,您的输入字段将无法像在 Chrome 中那样显示。

另一种方法是使用 uib-timepicker来自 angular-ui 或尝试 jquery 中的一个喜欢webshim .

关于html - 格式化输入字段 "time"以不显示秒和毫秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40971241/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com