Question

请如何比较expdate＆amp;下面的两个日期如果grantdate等于或小于expdate，则授予并在Tab键上显示下一个字段的弹出消息。它在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>

Answer 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>

Answer 2

以下是可能对您有所帮助的输入：

在元素上添加ng-blur，您要关注该元素以显示弹出窗口。
调用ng-blur上的函数，比较两个日期数据＆amp;根据您的情况显示弹出消息。

干杯!!

角度日期比较

2 个答案: