这是我计算年龄的代码。我在 ng-change
中对多个输入使用相同的方法。
但我可以使用单一方法仅为一个输入字段绑定(bind)年龄。< br/>为什么我不使用单一方法根据模型名称绑定(bind)多个输入的结果数据?
var app = angular.module('myApp', [])
app.controller('myController', function($scope) {
$scope.calculateAge = function (fieldName,value) {debugger
var birthDay =value;
var DOB = new Date(birthDay);
var today = new Date();
var age = today.getTime() - DOB.getTime();
age = Math.floor(age / (1000 * 60 * 60 * 24 * 365.25));
fieldName=age;
//$scope.data1.age=age;
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController" ng-init="init()">
<div>
<input type="date" ng-model="data1.dob" ng-change="calculateAge(data1.age,data1.dob)"/>
<input type="text" ng-model="data1.age"/>
</div>
<div>
<input type="date" ng-model="data2.dob" ng-change="calculateAge(data2.age,data2.dob)"/>
<input type="text" ng-model="data2.age"/>
</div>
</div>
我知道我可以通过传递输入 ID 来完成。但我正在尝试使用它的型号名称。
最佳答案
您必须在方法中传递数据
的引用并对其进行修改。
var app = angular.module('myApp', [])
app.controller('myController', function($scope) {
$scope.calculateAge = function (data) {debugger
var birthDay = data.dob;
var DOB = new Date(birthDay);
var today = new Date();
var age = today.getTime() - DOB.getTime();
age = Math.floor(age / (1000 * 60 * 60 * 24 * 365.25));
data.age = age;
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController" ng-init="init()">
<div>
<input type="date" ng-model="data1.dob" ng-change="calculateAge(data1)"/>
<input type="text" ng-model="data1.age"/>
</div>
<div>
<input type="date" ng-model="data2.dob" ng-change="calculateAge(data2)"/>
<input type="text" ng-model="data2.age"/>
</div>
</div>
关于javascript - 使用单一方法从多个输入字段计算年龄,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47829919/