2015-03-01 13 views
5

im utilizzando questo datetimpleker http://eonasdan.github.io/bootstrap-datetimepicker/ nel mio modulo di modifica. Non sono in grado di impostare il valore predefinito in questo datetimepicker dalla mia data variabile. Se io uso $('#edit_cost_date').val(json[0]['date']); sull'elemento di input, il valore in input è giusto ma se apro datetimepicker vedo che contrassegnato non è la data in input ma la data effettiva.Bootstrap 3 Datepicker v4 - imposta la data predefinita

var date = json[0]['date']; 
$(function() { 
    $('#datetimepicker-edit-cost').datetimepicker({ 
     locale: 'cs', 
     format:'DD.MM.YYYY' 
    }); 
}); 
+0

utilizzare questo defaultDate: date – sakir

risposta

0

questo funziona per me

var date = new Date('11/1/2013'); 
or var date2 = '11/1/2013'; 


     $('#datetimepicker1').datetimepicker({ 
      locale: 'cs', 
      format:'DD.MM.YYYY', 
      defaultDate: date 

     }); 

Il suo valore documentation defaultDate accettato: data, ora, stringa

+2

actualy, l'ho provato ma senza successo ... mi ha sempre impostato la data di oggi. Ho provato con diversi formati stringhe e momenti – porosman

4

Sei sicuro la variabile date è un oggetto Date? Se non lo è, è necessario impostare la data predefinita in questo modo:

var date = json[0]['date']; 
$(function() { 
    $('#datetimepicker-edit-cost').datetimepicker({ 
     locale: 'cs', 
     format:'DD.MM.YYYY', 
     defaultDate: new Date(date) 
    }); 
}); 

Maggiori informazioni sulla proprietà date per questo plugin:

http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#date

data ([NewDate])

Prende nuova stringa data, data, momento, parametro null e imposta il momento corrente del modello componenti su di esso. Il passaggio di un valore nullo disattiva il momento corrente del modello dei componenti. L'analisi del parametro newDate viene eseguita utilizzando la libreria moment con la configurazione di options.format e options.useStrict.

Genera

TypeError - qualora il NewDate non può essere analizzato

Emits

change.dp - In caso NewDate è diverso dal momento attuale

2

Come menzionato anche nel risposta di John Washam, il documentation dice chiaramente che il date function accetta un oggetto moment, tra gli altri.
Ero nella stessa situazione, provando varie cose, ma non sembrava funzionare nulla, tranne per questa idea:
Perché non alimentare un oggetto moment alla funzione date?

var date = json[0]['date']; 
$(function() { 
    $('#datetimepicker-edit-cost').datetimepicker({ 
     locale: 'cs', 
     format:'DD.MM.YYYY' 
    }); 
    $('#datetimepicker-edit-cost').data("DateTimePicker").date(moment(date)); 
}); 

Dal momento che la libreria moment.js è necessario per la DatePicker a lavorare, è possibile use it to parse any string, e alimentare direttamente la funzione di data con il suo risultato.

+1

bootstrap 3 datepicker si è rivelato essere il widget meno sviluppatore che abbia mai usato. – keune

Problemi correlati