gpt4 book ai didi

javascript - 如何使用ng-model将值传递给输入时间标签

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

您好,我正在尝试从 javascript - angular JS 将值传递给输入时间标签。下面是代码。

JS :

$scope.from="09:00:00"
$scope.from="17:00:00"

HTML:

From : <input type="time" ng-model="from" > 
To : <input type="time" ng-model="to" >

输入元素内没有任何值得到更新。上面的代码有什么错误?

完整代码如下:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

From: <input type="time" ng-model="fromTime"><br>
To: <input type="time" ng-model="toTime"><br>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.fromTime="09:00:00";
$scope.toTime="17:00:00";
});
</script>

</body>
</html>

Error: [ngModel:datefmt]

最佳答案

在 angularjs 1.3 版本之后,所有与日期相关的输入都需要一个 Date() 类型的模型。 documentation

因此您需要像这样将值更改为 Date 对象,例如:

$scope.from= new Date(1970, 0, 1, 09, 0, 0);
$scope.to= new Date(1970, 0, 1, 17, 0, 0);

查看演示:fiddle

关于javascript - 如何使用ng-model将值传递给输入时间标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56952041/

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