时间戳

首页 > 解决方案 > ng-model 值中的 AngularJS 时间未传递给控制器

javascript - ng-model 值中的 AngularJS 时间未传递给控制器

问题描述

当我单击 CheckTime 按钮时，时间值不会传递给控制器

<div class='input-group date datetimepicker-2'>
    <input type='text' class="form-control" name="FromTime" ng-init="FromTime = (date: 'hh:mm:ss')" ng-model="FromTime" placeholder="From Time" />
    <span class="input-group-addon">
        <i class="font-icon font-icon-clock"></i>
    </span>
</div>

AngularJS：

$scope.CheckTime = function () {
    alert("Time, " + $scope.FromTime);
};

标签： javascriptangularjs

解决方案

ng-init="FromTime = (date: 'hh:mm:ss')"
不是为 FromTime 赋值的正确方法。如果您想使用特定日期初始化 FromTime ，请获取一个变量并为其分配一个日期，然后在ng-init中使用它。

<div class='input-group date datetimepicker-2'>
   <input type='text' class="form-control" name="FromTime" ng-init="FromTime = myDate" ng-model="FromTime" placeholder="From Time" />
   <span class="input-group-addon">
     <i class="font-icon font-icon-clock"></i>
   </span>
</div>

在控制器中，

$scope.myDate = new Date();
$scope.FromTime =null;

推荐阅读