. Issuepicker ('setdate') cuestiones, en jQuery

Question

Tengo una función que ejecuta una consulta para obtener algunos datos basados ​​en un cierto rango de fechas que se selecciona mediante .datepicker(). Estoy tratando de establecer el datepicker que están en los datos de respuesta de nuevo en el rango de fechas que se seleccionó antes de que se ejecutara la consulta.

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

tiene el resultado interesante de establecer el datepicker a la fecha de hoy! No estaría tan confundido si solo escupiera un error. ¿Por qué lo establece en la fecha de hoy?

¿Cómo puedo tomar la fecha que está formateada como, 'aaaa-mm-dd' y configurar el datepicker a ella?

Creo que lo mejor sería simplemente establecer el cuadro de texto al que está vinculado el marcador de fecha con 'queryDate'.

Answer 1

Se debe analizar la cadena de fecha, ya que con el formato de fecha ISO8601 con el Date constructor no se admite cruzada browserly sin embargo, (algunos navegadores lo soportan ya que será parte de la norma 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); 

Comprobar el ejemplo anterior here.

Answer 2

pruebe a cambiar a:

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

Answer 3

Como el post de Scobal indica, el selector de fechas está en busca de un objeto Date - no sólo una cadena! Por lo tanto, modificar el código de ejemplo para hacer lo que quiera:

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

Answer 4

Compruebe que la fecha en la que intenta establecerlo se encuentra dentro del rango de fechas permitido si se configuran las opciones minDate o maxDate.

Answer 5

Cuando intente llamar a setDate debe proporcionar un objeto de fecha de javascript válido.

queryDate = '2009-11-01'; 

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

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

Esto le permitirá utilizar diferentes formatos para la fecha de consulta y representación de la fecha en la cadena de selector de fechas. Este enfoque es muy útil cuando crea un sitio multilingüe. Otra función útil es formatDate, que da formato al objeto javascript date a la cadena.

$.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); 
}