Comment dois-je formater les données dans une vue en AngularJS?

<input type="text" ng-model="user.User.DateOfBirth"> est de mon point de vue. user.User.DateOfBirth est actuellement en YYYYMMDD format, mais je veux montrer que mm/dd/yyyy format dans la vue. Est-il possible de convertir ce juste pour l'affichage?

InformationsquelleAutor Shamoon | 2013-11-15
  1. 1

    Pour reproduire les données dans le bon format essayez de filtres (dans votre cas, le filtre de date: http://docs.angularjs.org/api/ng.filter:date)

    Bien, pour les entrées, c'est une autre affaire. Je suppose que vous pourriez toujours lier l'entrée d'une autre propriété, de regarder et d'analyser vous-même, puis l'affecter à votre modèle réel...

    Peu plus de perspicacité, vous pouvez essayer quelque chose comme ceci:

    HTML:

    <input type="text" ng-model="myDateInput">

    Dans votre JS contrôleur de l'utilisation suivantes:

    $scope.$watch('myDateInput', function (newValue) {
    $scope.user.User.DateOfBirth = $filter('date')(newValue, 'yyyy-MM-dd'); //Or whatever format your real model should use
});

$scope.$watch('user.User.DateOfBirth', function (newValue) {
    $scope.myDateInput = $filter('date')(newValue, 'yyyy-MM-dd'); //Or whatever format your input should use
});

    Il serait probablement mieux de forcer l'utilisateur à utiliser un certain format d'entrée, soit par une sorte de pattern matching (et donc de validation) ou par une quelconque date d'entrée/widget.

    • Mon user.User.DateOfBirth n'est pas valide JS objet date
    • Il n'a pas à être un objet, il peut être une chaîne de caractères: prises à partir de l'angle de filtre de date docs: Date to format either as Date object, milliseconds (string or number) or various ISO 8601 datetime string formats
    • J'obtiens: Expression 'user.User.DateOfBirth | date: 'medium'' is non-assignable. Element: <input ng-model="user.User.DateOfBirth | date: 'medium'" type="text">
    • ne pas mettre le filtre dans votre ng-model directive
    • alors, comment puis-je le faire dans une zone de saisie?
    • J'ai ajouté un peu de code, je ne l'ai pas testé, mais il pourrait fonctionner. Ou simplement l'utiliser comme source d'inspiration 😉

    InformationsquelleAutor eXaminator
  2. 4

    Cela peut également vous aider à

    http://jsfiddle.net/mikeeconroy/Hu9m2/1/

    .filter('myFormatDateFilter',function(){
    return function(input){
        if(angular.isDefined(input)){
           if(input.length >= 8){
                input = input.slice(0,8);

                input = input.slice(4,6) + '/' + input.slice(6,8) + '/' + input.slice(0,4);
            }
        }
        return input;
    };
});
    InformationsquelleAutor m.e.conroy