使用 jquery-ui datepicker 在文本框中設置或顯示日期

Question

我第一次在日期選擇器文本框中設置或顯示日期時遇到問題我有兩個文本框，一個用於日期選擇器，第二個用於替代格式。

<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

您想在 DatePicker 上使用setDate 方法：

$( "#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

您也可以嘗試格式化月份名稱而不是 integer

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