在 jQuery UI Datepicker 的输入中显示完整日期

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 值提交，而可见输入将显示您尝试显示的格式。