Comparer deux dates angularjs

J'ai deux dates afin de comparer dans le format suivant
la réponse en provenance de service principal a la suite de format de date

alignFillDate - 2015-06-09
pickUpDate - 2015-05-10

donc, avant la fin doit vérifier la condition est si pickUpDate est inférieure à la alignFillDate, nous allons augmenter le alignFillDate par 30 jours, je.e, on incrémente le pickUpDate pour le mois prochain(30 jours à partir de maintenant ) et afficher un texte différent sur la vue

Comment puis-je obtenir cette aide angulaire et javascript. ? comment mon html et le contrôleur doit changé pour cette date de calcul

Si vous avez beaucoup de logique de date pour effectuer des achats moment.js - permet de travailler avec des dates en JS un bateau de chargement plus facile.
Considérez ce que @tymeJV dit et également vérifier angulaires-le moment: github.com/urish/angular-moment
Si vous incrément alignFillDate de 30 jours lorsqu'il plus grand que pickUpDate. Ce qui est montré dans la vue lorsque cela se produit?
nous souhaitons montrer, la incrémenté d'une nouvelle date, et le texte en disant que la date a été modifiée. comment puis-je code ce

OriginalL'auteur nikitha | 2015-06-01

  1. 6

    Vous enregistrer ces chaînes date que la Date d'objets, de faire une comparaison avec la vanille javascript et d'attribuer à la portée ou cette.

       var alignFillDate = new Date("2015-06-09");
  var pickUpDate = new Date("2015-05-10");


  if (pickUpDate < alignFillDate) {
    alignFillDate = alignFillDate.setDate(alignFillDate.getDate() + 30);
  }

  $scope.pickUpDate = pickUpDate;
  $scope.alignFillDate = alignFillDate;

    Ici est un plunk qui fait ce que vous essayez de faire http://plnkr.co/edit/Kq7WA1cBcrwDyxDeBFAL?p=info.

    cela ressemble de travail, et dois-je ajouter un nouveau champ d'application variable pour indiquer le texte à afficher?
    Oui, pour que vous pouvez obtenir en ng-afficher et masquer pour afficher uniquement ce texte une fois que ce scénario se produit.
    peut-on faire la comparaison sur le code html pour afficher le texte, au lieu de contrôleur comme - (alignFillDate | date) > (pickUpDate | date)? au lieu d'avoir une portée variable dans le contrôleur?
    Cette solution ne tient pas pour les valeurs qui sont égaux. Donc la solution n'est pas fiable.

    OriginalL'auteur Ronald91

  2. 4

    Vous devez utiliser un filtre angulaire pour atteindre cet objectif. Le filtre prend de l'objet contenant à la fois les dates, et sera de retour le format date.

    Ici est un filtre qui effectue cette opération:

    myApp.filter('customDate', function($filter) {
  var DATE_FORMAT = 'yyyy-MM-dd';

  return function (input) {
    var alignFillDate = new Date(input.alignFillDate);   
    var pickUpDate = new Date(input.pickUpDate);
    if ( alignFillDate > pickUpDate) {
        alignFillDate.setDate(alignFillDate.getDate() + 30)
        alignFillDate = $filter('date')(alignFillDate, DATE_FORMAT);
        return alignFillDate + ' this date has been changed';
    } else {
        return $filter('date')(alignFillDate, DATE_FORMAT);   
    }
  }
});

    Ici est un travail jsFiddle: http://jsfiddle.net/ADukg/6681/

    peut-on faire la comparaison sur le code html pour afficher le texte, au lieu de contrôleur comme - ng-si="(alignFillDate | date) > (pickUpDate | date)"? au lieu d'avoir une portée variable dans le contrôleur?
    Regarde mon jsfiddle. Pas de logique réside dans le contrôleur ou le modèle. Vous aurez besoin d'avoir une variable sur le champ pour stocker l'objet, car c'est le point de contrôleurs (pour lier les données à portée).
    oui, mais je veux comparer cette date sur html , et de montrer et de cacher du texte, selon si la condition est remplie ou non . comment puis-je y parvenir?

    OriginalL'auteur soote

  3. 0

    Autres -- faire "partir de zéro": (Exemple dans AngularJS). La méthode isAfterDate(), plus précisément, renvoie true si la première date est supérieure à la deuxième date.
    Ci-dessous, date_angular.js:

        var DateModule = angular.module("dates", []);
DateModule.controller("dates", function($scope){
$scope.filtros = {};
$scope.filtros.data_first = null;
$scope.filtros.data_second = null;
$scope.isAfterDate = function(){
data_first_day = $scope.filtros.data_first.split("/")[0];
data_first_month = $scope.filtros.data_first.split("/")[1];
data_first_year = $scope.filtros.data_first.split("/")[2];
data_second_day = $scope.filtros.data_second.split("/")[0];
data_second_month = $scope.filtros.data_second.split("/")[1];
data_second_year = $scope.filtros.data_second.split("/")[2];
if(data_first_year > data_second_year){
return true;
}else if (data_first_year == data_second_year){
if((data_first_month > data_second_month)){
return true;
}else if ((data_first_month < data_second_month)) {
return false;
}else{
if(data_first_day == data_second_day){
return false;
}else if (data_first_day > data_second_day){
return true;
}else{
return false;
}
}
}else{
return false;
}
}
$scope.submit = function() {
if (this.isAfterDate()){
alert("The first date is grater than the second date");
}else{
$("#form_date").submit();
}
}
});
RelatoriosModule.directive("datepicker", function () {
return {
restrict: "A",
require: "ngModel",
link: function (scope, elem, attrs, ngModelCtrl) {
var updateModel = function (dateText) {
scope.$apply(function () {
ngModelCtrl.$setViewValue(dateText);
});
};
var options = {
dateFormat: "dd/mm/yy",
onSelect: function (dateText) {
updateModel(dateText);
}
};
elem.datepicker(options);
}
}
});

    Pour d'autres comparaisons: seulement adapter la méthode.

    Dans la forme (form.html), si vous êtes en utilisant AngularJS, vous pouvez l'ajouter dans vos archives. Ci-dessous, form.html:

    <div ng-app="dates" class="section-one">
<div ng-controller="dates" class="section">
<form method="get" action="dates/dates" id="form_date">
<div class="form-container--linha">
<div class="field-3">
<label for="data_first">first date: </label>
<input id="data_first" type="text" name="data_first" ng-model="filtros.data_first" datepicker/>
</div>
<div class="field-3">
<label for="data_second">second date: </label>
<input id="data_second" type="text" name="data_second" ng-model="filtros.data_second" datepicker/>
</div>
</div>
<div class="actions">
<button class="bt-principal" type="button" ng-click="submit()">submit</button>
</div>
<form>
</div>
</div>

    OriginalL'auteur user1496087