Comment est-ce que je reçois la date masquée dans le modèle d'entrée dans angulaire en utilisant le masque d'ui?

J'ai un point de vue qui exige que l'utilisateur entre leur date de naissance dans une zone de texte.

Je suis en utilisant le masque de la directive à partir de l'INTERFACE utilisateur-Utils.

Mon point de vue a cet élément d'entrée:

<input ui-mask="99/99/9999" placeholder="MM/DD/YYYY" type="text" name="uBirthdate" ng-model="user.birthdate" required/>

et dans mon contrôleur, j'ai l'étendue est définie comme

myApp.controller('HomeCtrl', function ($scope, myService){

    $scope.user = registerService.getCurrentUser();

    $scope.submit = function () {
        //do something with $scope.user.birthdate
    };

    }
});

Mon problème est que dans mon contrôleur, la date de naissance de la propriété contient la valeur de l'entrée SANS la masquer des caractères donc, une entrée de

11/20/1980 dans la vue devient 11201980 comme une propriété sur la somme de portée

Comment puis-je m'assurer d'avoir un valide masqué jour pour travailler avec dans mon contrôleur? Juste pour info, cette date sera envoyé sous forme de JSON dans une requête POST à mon serveur.

source d'informationauteur stephen776

  1. 38

    La mise à niveau vers la dernière angulaire de l'interface utilisateur et utilisez la syntaxe suivante

    ui-mask="99/99/9999" model-view-value="true"

    Le modèle-vue-de la valeur de garder le masque sur votre modèle objet.

  2. 1

    essayer celui-ci
    https://github.com/candreoliveira/ngMask
    l'aide totale pour l'ensemble de masque

  3. -2

    comme une chaîne de caractères: 

    var string = '11201980';
var month = string.substring(0,2);
var day = string.substring(2,4);
var year = string.substring(4,8);
var birthday = month + '/' + day + '/' + year;

    puis, comme une Date: 

    var birthdate = new Date(birthday);