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

标签 javascript jquery angularjs

我无法使用 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/

相关文章:

javascript - 使用 javascript 创建特定格式的 json

javascript - 如何解析网页中的JavaScript?

javascript - 输入=范围删除文本字段

javascript - 3 文本字段依赖于使用 jquery 的单选按钮

angularjs - 为什么 Angular (1.5) 组件总是有一个独立的作用域?

javascript - vanilla JS webcomponent 的用户样式

javascript - 如何使用 asp.net mvc 制作大 Angular 单页应用程序?

javascript - 安装和使用 jquery 插件

javascript - Angular 中的路由问题(URL 中出现 "!")

javascript - AngularJS 和 508 标准