일 차이를 계산하고 싶습니다. 버튼을 클릭하면 날짜 값에 대한 두 개의 입력이 포함 된 팝업이로드됩니다. 대화 상자에서 확인을 클릭하면 페이지에 일별 차이가 생깁니다. 지금까지 내가 컨트롤러에서이,angularjs에서 대화 상자를 사용하여 날짜 차이를 찾는 방법
을 시도 :
$scope.myitems = ['01/01/2014','01/01/2014'];
$scope.openDlg = function() {
var modalInstance = $modal.open({
template: '<div><input cx-Date ng-model="myitems.date1"/><input cx-Date ng-model="myitems.date2"/><button ng-click="ok()">OK</button></div>',
controller: ModalInstCtrl,
resolve: {
myitems: function() {
return $scope.myitems;
}
}
});
modalInstance.result.then(function (myitems) {
$scope.myitems = myitems;
var dt1 = myitems.date1.split('/'),
dt2 = myitems.date2.split('/'),
one = new Date(dt1[2], dt1[1], dt1[0]),
two = new Date(dt2[2], dt2[1], dt2[0]);
var millisecondsPerDay = 1000 * 60 * 60 * 24;
var millisBetween = two.getTime() - one.getTime();
var days = millisBetween/millisecondsPerDay;
$scope.diff= Math.floor(days);
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
var ModalInstCtrl = function ($scope, $modalInstance, myitems) {
$scope.myitems = myitems;
$scope.ok = function() {
$modalInstance.close($scope.myitems);//.TotalDays; .getTime() - $scope.myitem.date1.getTime());
};
$scope.cancel = function() {
$modalInstance.dismiss('cancel');
};
};
템플릿 대화 상자를 호출 :
<div>
<button class="btn btn-default" ng-click="openDlg()">Calender</button>
<p>{{ diff}}</p>
</div>
사용 – aet