javascript - 无法使用 Angular.js 获取输入字段值

Question

我无法使用 Angular.js 找到输入字段值。我在下面提供我的代码:

<div class="input-group bmargindiv1 col-md-12">
    <span class="input-group-addon ndrftextwidth text-right" style="width:180px">From Time :</span>
    <input type="text" name="time" id="time" class="form-control oditek-form" placeholder="E.G-9.00AM-10.00AM" ng-model="time" ng-keypress="clearField('time');" maxlength="30">
</div>
<div class="input-group bmargindiv1 col-md-12">
    <span class="input-group-addon ndrftextwidth text-right" style="width:180px">To Time :</span>
    <input type="text" name="time1" id="time1" class="form-control oditek-form" placeholder="E.G-9.00AM-10.00AM" ng-model="time1" ng-keypress="clearField('time1');" maxlength="30">
</div>

这里我集成了jquery-timepicker，脚本如下。

$(function() {
    $('#time').timepicker();
    $('#time1').timepicker();
});

我的问题是，当我尝试使用一个 ng-click 事件获取这些值时选择时间值后，它显示未定义。

$scope.addTimeDetails = function() {
    console.log('times', $scope.time, $scope.time1);
}

Answer 1

将 AngularJS 与 jQuery 库混合是一个糟糕的解决方案。接下来是问题:您在输入上定义 ng-model，然后初始化 jQuery timepicker，这会产生问题。您应该为日期选择器使用一些第三方 angularjs 库或构建您自己的指令。这个类似于 jQuery 时间选择器:angular-jquery-timepicker