gpt4 book ai didi

javascript - 无法使用 Angular.js 和 Jquery 获取时间选择器值

转载 作者:行者123 更新时间:2023-11-27 22:37:28 25 4
gpt4 key购买 nike

我需要一个帮助。我正在实现jquery.timepicker.js来获取我的Angular应用程序中的时间间隔,但我没有得到任何类似的值。我在下面解释我的代码。

<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" ng-model="time" ng-change="clearField('time');" maxlength="30" time-picker="" />
</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" ng-model="time1" ng-change="clearField('time1');" maxlength="30" time-picker="" />
</div>
</div>
<div style="text-align:center; padding:10px 0px;">
<input type="button" class="btn btn-success" ng-click="addTimeDetails();" id="saveData" value="Add" style="margin-right:20px;" />
</div>

我的 Controller 端代码如下。

var app=angular.module('spesh',[]);
app.controller('formController',function($scope,$http){
$scope.addTimeDetails=function(){
console.log('time',$scope.time,$scope.time1);
}
})
app.directive('timePicker', [function () {
return {
restrict: 'A',
require: 'ngModel',
scope: {
model: '=ngModel'
},
link: function ($scope, element, attrs, ngModelCtrl) {
element.timepicker();
element.on('changeTime', function () {
$scope.$apply(function () {
$scope.model = element.val();
});
});

}
}
}]);

在这里,我需要当用户单击文本字段时,时间下拉菜单会出现,然后单击添加按钮,所选时间将显示在控制台中。我的完整代码是 here in plunkr .请帮助我。

最佳答案

更改<html ng-model="spesh"><html ng-app="spesh">

这是更好的解决方案:https://plnkr.co/edit/A0sSqXzx73XYn0f7UVGD?p=preview

当你需要ngModel时,你可以使用它的方法或读取值。您不需要读取 ngModel 属性。

$setViewValue(value, trigger); Update the view value.

This method should be called when a control wants to change the view value; typically, this is done from within a DOM event handler. For example, the input directive calls it when the value of the input changes and select calls it when an option is selected.

关于javascript - 无法使用 Angular.js 和 Jquery 获取时间选择器值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38989140/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com