jQuery日期选择器输入日期格式

Question

我目前正在为酒店预订小部件编写一些代码并使用jQuery UI Date Picker.

问题是客户正在使用的外部预订系统处理日期格式,yyyy-mm-dd并且客户认为这使人们2012-06-19在输入框中看到并且希望显示为欧洲格式的日期dd-mm-yyyy而不是在他们的网站上.

因此,基本上表单需要显示dd-mm-yyyy何时选择日期,然后当提交按钮单击表单时,日期需要yyyy-mm-dd在发送值之前重新排列.

预订系统公司表示,他们有很多客户已经实现了这一目标,但他们表示他们并不是百分之百确定如何做到这一点.

Answer 1

DatePicker可以使用选项altField和处理它altFormat.

altField:一个输入元素,使用datepicker中的选定日期进行更新.使用此altFormat选项可更改此字段中日期的格式.没有备用字段留空.

$('#thedate').datepicker({
  dateFormat: 'dd-mm-yy',
  altField: '#thealtdate',
  altFormat: 'yy-mm-dd'
});

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
Shown Field: <input id="thedate" type="text" /><br />
Hidden Field : <input id="thealtdate" type="text" />