我无法使用 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);
}
最佳答案
将 AngularJS 与 jQuery 库混合是一个糟糕的解决方案。接下来是问题:您在输入上定义 ng-model,然后初始化 jQuery timepicker,这会产生问题。您应该为日期选择器使用一些第三方 angularjs 库或构建您自己的指令。这个类似于 jQuery 时间选择器:angular-jquery-timepicker
关于javascript - 无法使用 Angular.js 获取输入字段值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38896881/