Comment définir la valeur initiale de ng-modèle lors de l'utilisation de l'interface utilisateur-date en angularjs

Mon modèle est basé sur un objet JSON et la date vient 2012-12-13T00:00:00-07:00

Je veux utiliser le sélecteur de date de l'interface utilisateur-date.

J'ai le code suivant qui fonctionne.

<input ng-model="course.startDate" value="{{item.startDate | date: 'MM/dd/yyyy'}}" ui-date ng-required="true">

Cependant,je ne pense pas que je devrais être à l'aide de la value="{{item.startDate | date: 'MM/dd/yyyy'}}" partie, mais, sans elle, l'entrée ne se charge pas avec la valeur du modèle.

Le modèle est lié et fonctionne correctement que lorsque j'ai choisi une date, ça montre juste vide lorsque le chargement de la page.

Quelle est la bonne méthode pour initialiser cette entrée?

OriginalL'auteur Diver | 2012-11-30

  1. 3

    À l'aide de ui-date et ng-model devrait être suffisant:

    <div ng-controller="MyCtrl">
  <input ng-model="date" ui-date>
</div>

    À condition que le MyCtrl est définie comme ceci:

    function MyCtrl($scope) {
    $scope.date= new Date();
}​

    Ici est un jsFiddle: http://jsfiddle.net/MvGFF/2/

    Ce que vous devez savoir, c'est que le ui-date s'attend à ce modèle de la valeur à être une instance de Date, peut-être que vous passez une chaîne (ou un autre type) valeur?

    Si votre modèle contient des valeurs qui sont des chaînes de caractères et que vous souhaitez toujours utiliser une date-picker, vous devez ajouter les ui-date-format directive comme dans cet exemple:

    <input ng-model="date" ui-date ui-date-format>

    où le contrôleur est défini comme suit:

    function MyCtrl($scope) {
    $scope.date= "2012-12-13T00:00:00-07:00";
}​

    Ici est un jsFiddle: http://jsfiddle.net/d4xz2/1/

    Je vois ce qu'il se passe maintenant. C'est le format de la date à venir à partir du service restful. Je suis 2012-12-13T00:00:00 à 07:00 mais de l'interface utilisateur-date attend 2012-10-30T00:00:00.001 Z. Si je ne suis pas en mesure d'obtenir la prestation modifiée, est-il un moyen facile d'obtenir de l'interface utilisateur-date d'accepter le format que je reçois?
    L'ajout de l'interface utilisateur-date-format maintenant définit la valeur initiale de la date dans mon modèle comme je veux, alors, nous en sommes proches. Cependant, si j'ai choisi une date à partir du sélecteur de date le $scope.la date n'est pas définie. (même dans le nouveau jsfiddle)
    Vous devriez être en mesure d'utiliser ce format pour créer un nouvel objet date. Puis passer de l'objet à la Date de l'INTERFACE utilisateur.
    Les deux de votre jsfiddle échantillons ne fonctionnent pas dans chrome...

    OriginalL'auteur pkozlowski.opensource

  2. -1

    Cela fonctionne bien :

    <input type="text" ng-model="nota.fechaPub" value="{{nota.fechaPub}}" ui-date ui-date-format>

    où $champ d'application.nota.fechaPub valeur est "2013-01-14T23:00:00.000 Z"

    La valeur qui apparaît dans la zone de texte est "01/15/2013"

    pas de solution de travail

    OriginalL'auteur rtrujillor