установить или показать дату в текстовом поле с помощью jquery-ui datepicker

Question

У меня проблема с тем, чтобы установить или показать дату в текстовом поле datepicker в первый раз, когда у меня есть два текстовых поля, одно для datepicker, а второе для альтернативного формата.

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

и таких сценариев

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

мой вопрос: как, если у меня есть строка вроде: var datebirth = "2011-08-16"тогда я хочу установить текстовое поле.я должен был попытаться сделать сценарий так:

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

спасибо:)

Answer 1

Вы хотите использовать метод setDate в DatePicker:

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

Редактировать: Возможно, вы могли бы также сделать это таким образом, но я не проверял это:

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

Answer 2

Вам просто нужно вызвать метод setDate DatePicker. Это установит значение DatePicker и обновит оба элемента текстового поля с соответствующим значением в форматах, которые вы указали для dateFormat и altFormat.

var datebirth="2011-08-16"; 
$("#birth_date_display").datepicker("setDate",new Date(datebirth));

Answer 3

Вы также можете попробовать отформатировать названия месяцев вместо целых чисел

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