Question

我正在输入文本字段中实现jquery timepicker但是尝试从输入字段中读取数据我无法得到它。我在下面解释我的代码。

    <div class="input-group bmargindiv1 col-md-12">
    <span class="input-group-addon ndrftextwidth text-right oditek-form" style="width:180px">Start Time :</span>
    <input type="text" name="start_time" id="start_time" class="form-control oditek-form timepicker" placeholder="Add Start Time" ng-model="start_time" ng-keypress="clearField('start_time');" >
    </div>
<input type="button" class="btn btn-success" ng-click="addFactorData();"  id="addProfileData" ng-value="buttonName"/>

我的控制器文件如下所示。

var dashboard=angular.module('easyride');
dashboard.controller('pickhrController',function($scope){
   $('.timepicker').timepicker();
   $scope.buttonName='Add';
   $scope.addFactorData=function(){
       console.log('start time',$scope.start_time);
   }
}

在这里，我尝试阅读start_time值，但在控制台中显示undefined。按钮点击时我需要选择时间值。

Answer 1

您的函数需要一个参数，但您没有从模板中传递任何内容，

将其更改为

 $scope.addFactorData=function(){
       console.log('start time',$scope.start_time);
 }

Answer 2

我通过添加此功能成功地将其付诸实践，希望这有助于

$('.timepicker').on('changeTime', function(dateText, inst) {
        $scope.$apply(function(){
            $scope.start_time = $('.timepicker').val()
            console.log('start time',$scope.start_time);
        });
    });

无法使用Angularjs从时间输入字段获取值

2 个答案: