Erreur: [ngModel:datefmt] Attendu " 2015-05-29T19:06:16.693209 Z` à une date - Angulaire

Je suis en train de travailler sur angularapplication avec Django avec rest-framework..

L'application reçoit l'info avec json à partir du serveur.. l'Une des clés est created_time... La valeur de ce champ est le format selon iso-8601, par exemple 2015-05-29T19:06:16.693209Z.

Dans le client j'ai un champ:

<input type="time" ng-model="created_time">

Mais lorsque les données arrivent, j'obtiens cette erreur:

Error: [ngModel:datefmt] Expected `2015-05-29T19:06:16.693209Z` to be a date http://errors.angularjs.org/1.3.13/ngModel/datefmt?p0=2015-05-29T19%3A06%3A16.693209Z
at REGEX_STRING_REGEXP (angular.js:63)
at Array.<anonymous> (angular.js:19807)
at Object.ngModelWatch (angular.js:23289)
at Scope.$get.Scope.$digest (angular.js:14235)
at Scope.$get.Scope.$apply (angular.js:14506)
at done (angular.js:9659)
at completeRequest (angular.js:9849)
at XMLHttpRequest.requestLoaded (angular.js:9790)

J'ai déjà tout essayé 🙁 le format est exactement comme les instructions dans la documentation angulaire...

InformationsquelleAutor Yehuda | 2015-05-29

80

Cela doit se passer avec angulaire de 1,3+. 1.3+ sur les pupilles de la ng-modèle pour la date/l'heure d'entrée doit être une date valide de l'objet, représentation de chaîne de caractères date n'est plus autorisée. Vous avez besoin de les convertir en chaîne de caractères de l'objet date ($scope.created_time = new Date(dateString)) et le lier à la ng-model. Si vous suivez les erreur de lien elle a une description de l'erreur et comment la résoudre.

Toutes liées à la date d'intrants comme le besoin d'un modèle à un objet Date. Si le modèle est quelque chose d'autre, cette erreur sera levée. Angulaire ne permet pas de définir des erreurs de validation sur la dans ce cas que ces erreurs sont indiqués à l'utilisateur, mais erronée de l'état a été causé par la mauvaise application de la logique et non par l'utilisateur.
- Merci beaucoup 🙂
- Vous êtes les bienvenus!!
- cela ne fonctionne que dans le navigateur maintenant, mais pas sur cordova
- Fonctionne très bien mais je ne sais pas pourquoi il faut toujours 1 jour de congé, par exemple: '02/02/2017' après la conversion va '01/02/2017', suis-je le seul?
- Si vous n'avez pas $portée (ou composant) l'accès à la valeur avant la limite, vous pouvez utiliser $analyseurs et $formateurs dans une directive comme ce violon montre jsfiddle.net/sonicblis/18sn1xat
- new Date() retourne toujours la date selon les paramètres régionaux de l'utilisateur, de sorte que pas une option. Si j'ai 08.33 enregistré sur le serveur, je veux afficher 8.33, pas quel que soit le décalage GMT l'utilisateur est sur.
- parce que le mois commence avec 0
- Fix!Vous sauver ma vie.
InformationsquelleAutor PSL
34

Si vous obtenez vos données à partir d'un Service REST, vous pouvez simplement convertir vos champs de Date.
```
$http.get(url).success(function(data){
     $scope.data = data; //get row data
     $scope.data.mydatefield = new Date($scope.data.mydatefield); //convert filed to date
});
```
- Cela m'a aidé.Merci 🙂
- fonctionne très bien dans $ressource.enregistrer de rappel ainsi
- vous devez permuter la ligne 2 à 3 pour éviter de $changements de l'étendue et l'exécution de tous les travailleurs, etc encore une fois, comme: des données.mydatefield = new Date(de données.mydatefield); $champ d'application.données = données;
InformationsquelleAutor Kamiel Ahmadpour

Créer une directive simple qui convertit la valeur de modèle:

HTML:

<input date-input type="time" ng-model="created_time">

Directive:

app.directive('dateInput', function(){
    return {
        restrict : 'A',
        scope : {
            ngModel : '='
        },
        link: function (scope) {
            if (scope.ngModel) scope.ngModel = new Date(scope.ngModel);
        }
    }
});

c'est le travail toutefois, lorsque le changement du modèle lors de l'exécution déclenche une erreur

InformationsquelleAutor Rodolfo Jorge Nemer Nogueira

9

En plus de PSL réponse.
C'est la façon de remplacer angulaire de 1,3+ exigences pour être un objet Date.

<input type="date" ng-model="book.date" date-format/>
```
app.directive('dateFormat', function() {
  return {
    require: 'ngModel',
    link: function(scope, element, attr, ngModelCtrl) {
      //Angular 1.3 insert a formater that force to set model to date object, otherwise throw exception.
      //Reset default angular formatters/parsers
      ngModelCtrl.$formatters.length = 0;
      ngModelCtrl.$parsers.length = 0;
    }
  };
});
```
Il peut être utilisé avec AngularFire $firebaseObject et fonctionne très bien avec $bindTo 3 voies de liaison. Pas besoin de s'étendre $firebaseObject service. Il travaille dans Ionique/cordova applications.

Exemple de travail sur jsfiddle

Basé sur cette réponse
- Je recommande l'utilisation de ce. Pas plus re-affectation de variables ou objets et c'est pour une utilisation globale.
- J'ai dû ajouter "bindToController: true", dans la directive.
- L'amour de cette solution, merci monsieur!
InformationsquelleAutor Andrey Klochkov
0

Problème en Fait ce qui est de la date format de l'émission, j'ai résolu ce problème en utilisant ce morceau de code.
Solution: ci-Dessous le morceau de code qui permettra de résoudre cette question:
```
            var options = {
                weekday: "long", year: "numeric", month: "short",
                day: "numeric", hour: "2-digit", minute: "2-digit"
            };
            $scope.created_time = $scope.created_time.toLocaleTimeString("en-us", options);
```
où en-us format = "vendredi, Février 1, 2013 06:00 AM", j'espère que ça aidera d'autres personnes à résoudre la question, j'ai été confronté à cette erreur, et résolu avec cette.

InformationsquelleAutor Usman
0

J'ai eu cette erreur et j'ai directement utilisé l'objet: je vous poste la solution de la sorcière que j'ai effectué:

1:$userData.dob=new Date(userData.date de naissance);
2:$champ d'application.edit.userdob=userData.date de naissance;
avant le 1er j'ai fait face à d'erreur ci-dessus, puis j'ai directement créé l'objet et il a attribué à la modification de la portée et le problème a été résolu.

InformationsquelleAutor Eknath Kulkarni
0

si la date se réduit de 1 jour, utilisez ce code,
```
new Date(moment.utc(value).format('l LT'))
```
InformationsquelleAutor Sameera

-2

Si vous avez besoin de mettre à jour toutes les dates dans le Tableau avec les Objets

var data = [
  { id: "1" , birthday: "2016-01-20T11:24:20.882Z"},
  { id: "2" , birthday: "2016-01-20T11:24:20.882Z"},
  { id: "3" , birthday: "2016-01-20T11:24:20.882Z"},
];

  function convertDataStingToObject (data) {
    for(var i=0; i < data.length; i++ ){
      console.log('string: ' + data[i].birthday);
      data[i].birthday = new Date(data[i].birthday);
      console.log('updated: ' + data[i].birthday);
      console.log(typeof(data[i].birthday));
    }

    return data;
  }

convertDataStingToObject(data);

new Date() retourne toujours la date selon les paramètres régionaux de l'utilisateur, de sorte que pas une option. Si j'ai 08.33 suis enregistré sur le serveur, je veux afficher 8.33 suis, pas quel que soit le décalage GMT l'utilisateur est sur

InformationsquelleAutor vodoleq

Vous devez vous connecter pour publier un commentaire.