La Date de validation de la saisie à l'aide de ng-changement, AngularJS

Je l'utilise, AngularJS et Bootstrap, AngularJS dans ma page. J'ai un sélecteur de date directive qui ressemble à ceci:

    <div class="form-group {{dateStatus.class}}">
        <p class="input-group">
            <input type="text" id="inpDate" class="form-control" 
                   datepicker-popup="dd-MMMM-yyyy" ng-model="task.date" 
                   is-open="datePickerStatus.isOpen" min-date="minDate" 
                   datepicker-options="dateOptions" ng-required="true" 
                   close-text="Close" placeholder="Due date" 
                   ng-change="checkDateValidity()"
            />
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" 
                        ng-click="openDatePicker($event)"
                >
                    <i class="glyphicon glyphicon-calendar"></i>
                </button>
            </span>
        </p>
    </div>

Pour valider la date d'entrée, dans mon contrôleur, j'ai la fonction suivante:

        $scope.checkDateValidity = function(){
        var date,
            isValid,
            taskDate;
        taskDate = $scope.task.date;
        date = new Date(taskDate);
        isValid = !isNaN(date);
        if(isValid) {
            $scope.addButtonState.isOk = true;
            $scope.dateStatus.class = '';
        }
        else{
            $scope.addButtonState.isOk = false;
            $scope.dateStatus.class = 'has-error';
        }
    }

tout fonctionne bien pour vérifier si la date inscrite est valide, mais le problème est que lorsque la date d'entrée est vide(ou modifié à partir d'un état valide à vide)
Je veux qu'il soit acceptable, mais depuis que les deux vides d'entrée et date non valide sont undefinedje ne sais pas comment déclarer entre les cas.

J'ai aussi pensé à la lecture du texte d'entrée directement comme ceci:

document.getElementById('inpDate').value

mais la ng-le changement est déclenché lorsque la valeur est changé et je suis parti avec la valeur précédente qui est inutile maintenant...

merci pour votre temps et votre réponse.

OriginalL'auteur Reza Shayestehpour | 2014-05-11

  1. 2

    Vous pouvez facilement valider #inpDate valeur par la liaison du programme de validation de rappel pour les deux change et keyup événements, puis, quand votre rappel déclenchée, vous pouvez vérifier la validité de votre entrée.

    $timeout(function(){        
    angular
        .element(document.getElementById('inpDate'))
        .bind('keyup change', function(){
            var inputValue,
                customDate,
                isValid;

            inputValue = this.value;
            if(inputValue != ''){
                customDate = new Date(inputValue);
                isValid = !isNaN(customDate);

                if(isValid){
                    console.log('Valid');
                    //do something
                }
                else{
                    console.log('Invalid');
                    //do something else
                }
            }
            else{
                console.log('Empty');
                //do something else
            }
        });
}, 400);

    Assurez-vous que votre ont injecté $timeout dans votre contrôleur.

    il n'est pas recommandé d'accéder à des éléments de formulaire directement à partir du contrôleur de
    Oui, Mais j'ai juste corrigé un problème spécifique. La question de l'auteur peut construire une directive et à l'utilisation de cette méthode.

    OriginalL'auteur Alireza Ahmadi

  2. 7

    Une bien meilleure façon de validation de l'est à l'aide d'une directive pour ajouter une Règle de Validation. 

    .directive("validateDate", function() {
     return {
         require: 'ngModel',
         link: function(scope, elm, attrs, ctrl) {
             ctrl.$validators.validateDate = function(modelValue, viewValue) {
                 if(!isNaN(modelValue) || ctrl.$isEmpty(modelValue)){
                     return true;
                 }
                 return false;
             };
         }
     };
 })

    ensuite, vous avez juste besoin d'ajouter validate-date à la balise d'entrée et la validation de la marque l'entrée comme valable que si elle est !isNaN (lorsque la date est un nombre OU est vide)

    OriginalL'auteur Andy59469

  3. -1

    Si vous souhaitez valider comme ça, alors vous pouvez utiliser

    if(document.getElementById('inpDate').value === "" ){
            $scope.addButtonState.isOk = true;
            $scope.dateStatus.class = '';
}

    au début de la $scope.checkDateValidity fonction

    L'OP a déjà mentionné, il a déjà essayé cette méthode et ça ne fonctionne pas.
    comme je l'ai mentionné, ce n'est pas de travail.
    D'autre valider $scope.task.date comme ça, je ne comprends pas ce qui ne fonctionne pas ici

    OriginalL'auteur M22an