angular- $来自用户价值的区间

时间:2016-08-12 09:05:19

标签: angularjs

我从用户输入中获取日期和时间

<input type="datetime-local" ng-model= "datetime" name="datetime" min="2016-01-01T00:00:00" max="2116-12-31T00:00:00" class="b" required/>

希望在此div <div ng-bind="x.todoTime| date : 'medium'" class="bb"></div>中出现,但间隔为1000.我该怎么做?

Js代码: -

var app =angular.module('toDolist', []);
app.controller("toDoCtrl",function($scope, $interval) { 
$scope.todoWork = [];

    $scope.todoAdd = function() {      
$scope.todoWork.push({todoText:$scope.task,todoDesc:$scope.description,todoTime:$scope.datetime,todoPriority:$scope.priority,done:false});
            $scope.task ='';
            $scope.description ='';
            $scope.datetime ='';
            $scope.priority ='';
        };
    $interval(function(){
        $scope.datetime;;
      },1000);

1 个答案:

答案 0 :(得分:0)

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

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

Date: <input type="datetime-local" ng-model="datetime"  min="2016-01-01T00:00:00" max="2116-12-31T00:00:00" id="myLocalDate" value="2014-11-16T15:00:33" ng-change="changeTimer()">
<h1 ng-bind="timerModel"></h1>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $interval) {
    var tt;
    $scope.datetime= "";
    $scope.changeTimer = function(){
            $interval.cancel(tt);
            var t= angular.copy($scope.datetime);
            tt= $interval(function(){
 t.setSeconds((new Date(t)).getSeconds()+1);
                    $scope.timerModel=angular.copy(t);

                    }, 1000);
    }
});
</script>
</body>
</html>