.datepicker ('setdate') problemi, in jQuery

Question

Ho una funzione che esegue una query per ottenere alcuni dati in base a un determinato intervallo di date che viene selezionato utilizzando .datepicker(). Sto provando a impostare i datepicker che sono nei dati di risposta indietro all'intervallo di date che è stato selezionato prima dell'esecuzione della query.

queryDate = '2009-11-01'; 
$('#datePicker').datepicker('setDate', queryDate); 

ha il risultato interessante dell'impostazione del datario alla data odierna! Non sarei così confuso se sputasse solo un errore. Perché lo imposta alla data odierna?

Come posso prendere la data che è stata formattata come "aaaa-mm-gg" e impostare il datapicker su di esso?

Penso che potrebbe essere meglio impostare semplicemente la casella di testo a cui è collegato il datapicker su "queryDate".

Answer 1

Si dovrebbe analizzare la stringa di data, dal momento che con il formato della data ISO8601 con il costruttore Date non è supportato cross-browserly ancora, (alcuni browser lo supportano dal momento che sarà parte dello standard EcmaScript 5):

var queryDate = '2009-11-01', 
    dateParts = queryDate.match(/(\d+)/g) 
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]); 
            // months are 0-based! 

$('#datePicker').datepicker({ dateFormat: 'yy-mm-dd' }); // format to show 
$('#datePicker').datepicker('setDate', realDate); 

Controllare l'esempio precedente here.

Answer 2

provare a cambiare a:

queryDate = '2009-11-01'; 
$('#datePicker').datepicker({defaultDate: new Date (queryDate)}); 

Answer 3

come post di Scobal implica, il DatePicker è alla ricerca di un oggetto Date - non solo una stringa! Così, di modificare il codice di esempio per fare ciò che si vuole:

var queryDate = new Date('2009/11/01'); // Dashes won't work 
$('#datePicker').datepicker('setDate', queryDate); 

Answer 4

Verificare che la data in cui si sta tentando di impostarla rientri nell'intervallo di date consentito se sono impostate le opzioni minDate o maxDate.

Answer 5

Quando si tenta di chiamare setDate è necessario fornire un oggetto Date javascript valido.

queryDate = '2009-11-01'; 

var parsedDate = $.datepicker.parseDate('yy-mm-dd', queryDate); 

$('#datePicker').datepicker('setDate', parsedDate); 

Questo vi permetterà di utilizzare diversi formati per la data query e la rappresentazione data stringa datepicker. Questo approccio è molto utile quando si crea un sito multilingue. Un'altra funzione utile è formatDate, che formatta l'oggetto data javascript in stringa.

$.datepicker.formatDate(format, date, settings); 

Answer 6

function calenderEdit(dob) { 
    var date= $('#'+dob).val(); 
    $("#dob").datepicker({ 
     changeMonth: true, 
     changeYear: true, yearRange: '1950:+10' 
    }).datepicker("setDate", date); 
}