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

Question

使用jQuery UI datepicker，我有以下内容：

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