显示在输入完整的日期的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值提交，同时可见输入将显示您尝试显示的格式。