как передать значение для ввода метки времени с помощью ng-модели - PullRequest
Новая
       8

как передать значение для ввода метки времени с помощью ng-модели

3 голосов
/ 09 июля 2019

Привет, я пытаюсь передать значение метке времени ввода, от javascript - угловой 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>

Ошибка: [ngModel: datefmt]

Ответы [ 2 ]

1 голос
/ 09 июля 2019

После версии angularjs 1.3 для всех входных данных, связанных с датой, требуется модель типа Date (). Документация

Таким образом, вам нужно изменить значения на объекты Date, например, например. : 

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

Проверьте демо: Скрипка

0 голосов
/ 09 июля 2019

Из документов:

Ошибка: ngModel: datefmt

Модель не является объектом даты

Описание

Все входные данные, связанные с датой, такие как <input type="date">, требуют, чтобы модель была Date объектом. Если в модели что-то другое, эта ошибка будет выдана.

Для получения дополнительной информации см.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...