2015-09-24 2 views
-3

Pls Как сравнить две даты ниже expdate & grantdate и показать всплывающее сообщение на вкладке в следующее поле, если grantdate тот же или меньше, чем expdate. Он находится внутри ng-repeat. grantdate фиксирован один. пользователь вводит grantdate.Угловое сравнение дат

<tr style="height:40px; border-bottom: 1px solid #d0d0d0; font-size: 13px;" data-ng-repeat="det in details"> 
<td><input data-ng-model="det.grantdate" data-ng-disabled="true" type="text" </td> 
<td><input data-ng-model="det.expdate" type="text" ></td> 
</tr> 
+0

Что вы пытаетесь? это не сложно с использованием одного из множества различных встроенных директив. Вы должны решить проблему самостоятельно и попросить о помощи с реальными проблемами, не просите людей написать код для вас. – charlietfl

+0

Я новичок в угловых PLS, даю мне идею реализовать это. – user3853398

+0

попробуйте использовать 'ng-if' или' нг-show' – charlietfl

ответ

1
<!DOCTYPE html> 
<script src= "./scripts/angular.min.js"></script> 
<script src= "./scripts/moment.js"></script> 
<script> 
var app = angular.module('stackoverflow', []); 
app.controller('datecomparision', ['$scope', function($scope){ 
    $scope.details = [{grantdate:'01/01/2015',expdate:'12/31/201'}]; 
    $scope.comparedate = function(grantdate,expdate) 
    { 
     grantdate = moment(grantdate).format("MM-DD-YYYY HH:mm");; 
     expdate = moment(expdate).format("MM-DD-YYYY HH:mm");; 
     if (expdate>grantdate) 
     { 
      alert("expdate : " + expdate+ " is greater than " + " grantdate : " + grantdate); 
     } 
    } 
}]) 
</script> 
<div ng-app="stackoverflow"> 
    <table ng-controller="datecomparision"> 
     <tr style="height:40px; border-bottom: 1px solid #d0d0d0; font-size: 13px;" data-ng-repeat="det in details"> 
      <td><input data-ng-model="det.grantdate" ng=click="alert('hello!'')" data-ng-disabled="true" type="text" ng-change="comparedate(det.grantdate,det.expdate)"> <td> 
       <td><input data-ng-model="det.expdate" type="text" ng-change="comparedate(det.grantdate,det.e`enter code here`xpdate)"></td> 
      </tr> 
     </table> 
    </div> 
0

Вот входы, которые могут помочь вам:

  1. Добавить ng-blur на элемент, на которых внимание, что Вы хотите показать всплывающее окно.

  2. Вызвать функцию на ng-blur, которая сравнивает две даты дат &, показывает всплывающее сообщение на основе вашего состояния.

Cheers !!