web-dev-qa-db-fra.com

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

J'espère lier la valeur par défaut que j'ai générée en un instant au champ de saisie de la date et de l'heure. J'ai essayé ng-model et le lier directement aux attributs de valeur. Mais rien de tout cela ne semble fonctionner. Existe-t-il un moyen de le faire fonctionner?

Edit: Aussi, comment lier le champ de saisie de temps aussi?

<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>

Voici un violon pour cela: http://jsfiddle.net/chrisyeung/bF9Pq/

javascriptangularjsmomentjs
15
Chris Yeung

Si vous utilisez chrome vous devez spécifier le format de date comme 'aaaa-MM-jj').

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

Cela ne fonctionnera tout simplement pas autrement. Voici une version de travail http://jsfiddle.net/bF9Pq/4/

29
Jeffrey W.

Violon de travail

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

J'ai changé le it to date et j'ajoute un filtre de date.

6
dpkk87
value="{{date}}"

provoque une erreur d'initialisation: la valeur spécifiée "{{datum_default}}" n'est pas conforme au format requis, "aaaa-MM-jj".

solution: ne fixez pas de date dans le modèle!

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

attribuer la date dans le contrôleur!

$scope.date_code = new Date();
3
NoblesCZ