Wie zu subtrahieren zwei angularjs Datum-Variablen

Ich bin auch ein angularjs Anfänger, aber würde nicht behandeln Sie dies, indem Sie Eigenschaften, die durch den javascript-view-Modell?

Beispielsweise Stil Feld, dass Veränderungen basierend auf den Datums-Feldern (also Stil zurück Stil 1, wenn die Differenz 10 Tage) und hoffentlich auch durch die angularjs Bindung des updates wird sich ausbreiten auf dem Bildschirm.

Denke ich der richtige Begriff für diese ist eine berechnete Eigenschaft oder berechnete Eigenschaft

BEARBEITEN

Nicht sicher, ob dies ist, was Sie suchen, aber finden fiddle zum Beispiel der Berechnung von Datum diff und der Veränderung der Stil-alles basierend auf Eigenschaften der Ansicht Modell (scope)

scope.diff und scope.col sind die 2 Eigenschaften zu binden

http://jsfiddle.net/chrismoutray/wfjv6/

HTML

<script src="http://code.angularjs.org/0.10.4/angular-0.10.4.min.js" ng:autobind></script>
<div ng:controller="ComputedPropertiesCtrl">
    first date <input ng:model="firstdate"> second date <input ng:model="seconddate"> difference {{diff}}
    <div>when the difference is greater than 10 color changes to green</div>
    <div>eg set the second date to 15/01/2013</div>
    <div style="background-color:{{col}};"> State </div>
</div>

JS

function ComputedPropertiesCtrl() {
    var scope = this;
    scope.firstdate = '01/01/2013';
    scope.seconddate = '10/01/2013';
    scope.data_before = [];
    scope.differenceInDays = function() {

        var dt1 = scope.firstdate.split('/'),
            dt2 = scope.seconddate.split('/'),
            one = new Date(dt1[2], dt1[1]-1, dt1[0]),
            two = new Date(dt2[2], dt2[1]-1, dt2[0]);

        var millisecondsPerDay = 1000 * 60 * 60 * 24;
        var millisBetween = two.getTime() - one.getTime();
        var days = millisBetween / millisecondsPerDay;

        return Math.floor(days);      
    };
    scope.color = function() {
        return (scope.differenceInDays() > 10) ? 'green' : 'red';
    };

    scope.$watch('[firstdate, seconddate]', function(currScope,newVal,oldVal) {
        scope.data_before = oldVal;
        scope.diff = scope.differenceInDays();
    });

    scope.$watch('[firstdate, seconddate]', function(currScope,newVal,oldVal) {
        scope.data_before = oldVal;
        scope.col = scope.color();
    });
}

CSS

h2 { position: fixed; right: 10px; top: 10px; color: red; background:white;z-index:1000; }
input { width: 100px; }
div { margin: 10px; padding: 10px; }

Sie einfach konvertieren, Datum in timestamp und dann subtrahieren.

var Date1 = 08/16/2004;
var Date2= 10/24/2005;

var timestamp1 = new Date(Date1).getTime();
var timestamp2 = new Date(Date2).getTime();

var diff = timestamp1 - timestamp2


var newDate = new Date (diff);

Dies funktioniert, und hier sind 2 fehlerfreie javascript-date-Funktionen, die Sie sollten nie ohne...

//Returns the days between a & b date objects...
function dateDiffInDays(a, b) {
    var _MS_PER_DAY = 1000 * 60 * 60 * 24;
    //Discard the time and time-zone information.
    var utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
    var utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
    return Math.floor((utc2 - utc1) / _MS_PER_DAY);
}

//Calculate how many days between now and an event...
function daysTill(e) {
    var eventE = new Date(e);
    var today =  new Date();
    return dateDiffInDays(today, eventE);
}

Ich habe versucht, das unten ein und es funktionierte für mich

var selecteddate = new Date($rootscope.selectvalue);
$scope.firstDate = selecteddate .getTime();
$scope.SecondDate = new Date().getTime();

ausgewählte Datum ist die eine, die ausgewählt ist aus-Kalander und es ist aus übergeordneten Bereich. zweite Datum wird das heutige Datum. später werde ich Sie finden Unterschied mit moment diff.

var differenceinDays=parseInt(
      moment.duration(
        moment($scope.firstDate).diff(
          moment($scope.SecondDate)
        )
      ).asDays()
    );

Ich bin mit parseInt, denn ich will die Rückkehr der integer-Wert nur

Hoffe, das funktioniert