Définir la valeur par défaut de HTML5 date de champ de saisie avec angularJS

Je suis l'espoir de lier la valeur par défaut, j'ai généré au moment de la date et l'heure d'entrée. J'ai essayé ng-model et en se liant directement à la valeur des attributs. Mais aucune ne semble fonctionner. Est-il un moyen de le faire fonctionner?

Edit: Aussi, comment lier le champ de saisie durée?

<body ng-app="myApp">
<div ng-controller="MyCtrl">
    <input type="date" ng-model="date" value="{{date}}">
        <p>{{date}}</p>
    <input type="time" ng-model="time" value="{{time}}">    
</div>

Ici est un violon: http://jsfiddle.net/chrisyeung/bF9Pq/

J'ai changé le moment() à new Date() dans votre violon, et ça semblait fonctionner

OriginalL'auteur Chris Yeung | 2013-11-28

  1. 28

    Si vous utilisez chrome, vous devez spécifier la Date au format 'yyyy-MM-dd'. 

    $scope.date = $filter("date")(Date.now(), 'yyyy-MM-dd');

    Il n'est tout simplement pas travailler autrement. Voici une version de travail http://jsfiddle.net/bF9Pq/4/

    ce violon ne fonctionne pas sur chrome33. Il fonctionne sur firefox27.
    cela a fonctionné pour moi sur une extension chrome. Aucune idée pourquoi chrome attend aaaa-MM-jj?
    La valeur de type date a été conçu pour respecter cette norme, tools.ietf.org/html/rfc3339#section-5.6. C'est pourquoi 🙁
    Parfait. Je vous remercie.
    vous feriez mieux de créer un objet en dehors de votre chaîne: champ d'application.date = new date($filter("date")(Date de.now(), 'yyyy-MM-dd'));

    OriginalL'auteur Jeffrey W.

  2. 6

    Travail de violon

    {{date | date:'MM/dd/yyyy'}}

    J'ai changé le à jour et ajout de la date de filtre.

    La date est à présent mais quel est le temps?

    OriginalL'auteur dpkk87

  3. 3
    value="{{date}}"

    causes d'erreur d'initialisation:
    La valeur spécifiée "{{datum_default}}" n'est pas conforme à la forme "aaaa-MM-jj".

    solution:
    ne pas régler la date dans le modèle!

    <input type="date" ng-model="date_code">

    attribuer la date de contrôleur de!

    $scope.date_code = new Date();

    OriginalL'auteur NoblesCZ