顯示在輸入完整的日期的jQuery UI日期選擇器

Question

使用jQuery UI日期選擇器，我有以下：

<input type="text" id="check_in"> 

$("#check_in").datepicker({ 
    numberOfMonths: 2, 
    dateFormat: 'dd/mm/yy', 
    minDate: -1 
}); 

當選擇的日期，該日期顯示在input字段作爲31/12/2013。如何在input字段中顯示「2013年12月31日」，但提交後仍然是31/12/2013？

Answer 1

你需要兩個輸入：

<input type="text" id="check_in" /> 
<input type="hidden" id="altfield" name="date" /> 

，並給JS改變

$("#check_in").datepicker({ 
    numberOfMonths: 2, 
    altField: '#altfield', 
    altFormat: 'dd/mm/yy', 
    dateFormat: 'dd MM yy', 
    minDate: -1 
}); 

FIDDLE

隱藏的輸入將與dd/mm/yy值提交，同時可見輸入將顯示您嘗試顯示的格式。