Tengo problemas para establecer o mostrar la fecha en el cuadro de texto de selector de fecha por primera vez, tengo dos cuadros de texto, uno para el selector de fecha y el segundo para el formato alternativo.

<input type="text" id="birth_date_display" />
<input type="text" id="birth_date" />

Y guiones como este

$( "#birth_date_display" ).datepicker({
 dateFormat: "d M, yy",
 altField: "#birth_date",
 altFormat: "yy-mm-dd"
});

Mi pregunta es, ¿Cómo si tengo String como: var datebirth = "2011-08-16"
entonces quiero configurar el cuadro de texto.
Intenté hacer un script como este:

document.getElementById("birth_date_display").value = datebirth; //it's NOT works
document.getElementById("birth_date").value         = datebirth; //it's works

Gracias :)

0
bungdito 16 ago. 2011 a las 09:41

3 respuestas

La mejor respuesta

Desea utilizar el método setDate en DatePicker:

$( "#birth_date_display" ).datepicker("setDate", datebirth);
$( "#birth_date" ).datepicker("setDate", datebirth);

Editar: Probablemente también podría hacerlo de esta manera, pero no lo he probado:

$( "#birth_date_display, #birth_date" ).datepicker("setDate", datebirth);
3
OverZealous 16 ago. 2011 a las 05:55

También puede intentar formatear los nombres de los meses en lugar del entero

var Month = "Feb" //some month; 
var Year = "2013" //some year; 
var mydate = new Date('1 '+ Month + " " + Year);

$ (". txtDate"). datepicker ('setDate', new Date (Year, mydate.getMonth (), 1));

0
JennyJane 13 ago. 2013 a las 11:31

Solo necesita llamar al setDate método DatePicker. Esto establecerá el valor de DatePicker y actualizará ambos elementos del cuadro de texto con el valor apropiado en los formatos que especificó para dateFormat y altFormat.

var datebirth="2011-08-16"; 
$("#birth_date_display").datepicker("setDate",new Date(datebirth));
1
ShellyFM 16 ago. 2011 a las 06:03