Imposta il valore predefinito del campo di immissione della data HTML5 con angularJS

Spero di associare il valore predefinito I generato in un momento al campo di immissione di data e ora. Ho provato ng-model e lo lego direttamente agli attributi del valore. Ma nessuno di questi sembra funzionare. C'è un modo per farlo funzionare?Imposta il valore predefinito del campo di immissione della data HTML5 con angularJS

Modifica: Inoltre, come associare anche il campo di immissione dell'ora?

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

Ecco un violino per esso: http://jsfiddle.net/chrisyeung/bF9Pq/

fonte

2013-11-28 Chris Yeung

ho cambiato momento() per new Date() in violino e tutto sembrava funzionare – pablochan

Se stai usando Chrome hai specificare il formato di data come 'yyyy-MM-dd'.

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

Semplicemente non funzionerà diversamente. Ecco una versione funzionante http://jsfiddle.net/bF9Pq/4/

fonte

2013-11-28 09:23:02

questo violino non funziona su chrome33. Funziona su firefox27. –

ha funzionato per me su un'estensione cromata. Qualsiasi idea del perché si aspetta di cromo yyyy-MM-dd? –

Il valore per il tipo di data è stata progettata per seguire questo standard, http://tools.ietf.org/html/rfc3339#section-5.6. Ecco perché :( – prasanthv

Working fiddle

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

ho cambiato il che fino ad oggi e aggiungere il filtro data.

fonte

2013-11-28 09:18:04 dpkk87

La data è ora di lavoro ma per quanto riguarda il tempo? –

value="{{date}}"

cause init errore: Il valore specificato "{{}} datum_default" non è conforme al formato richiesto, "yyyy-MM-dd".

soluzione: non impostare la data nel modello!

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

assegnare la data nel controller!

$scope.date_code = new Date();

fonte

2016-04-24 08:31:45 NoblesCZ

Imposta il valore predefinito del campo di immissione della data HTML5 con angularJS

risposta

Problemi correlati