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

Question

使用 jQuery UI 日期选择器，我有以下内容:

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

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

选择日期后，该日期将在输入字段中显示为31/12/2013。如何使其在输入字段中显示“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 值一起提交，而可见的输入将显示您尝试显示的格式。