将日期选择器格式转换为输入字段

Question

我确实有一个带有简单输入字段的表单，使用jquery日期选择器。

<input class="date" id="mydate" name="mydate" value="<?php echo $_GET['mydate']; ?>" />

当我发送表单时，参数的日期格式必须是：YYYY-MM-DD。

www.mydomain.com/?mydate=2018-06-10

我的JavaScript看起来像这样：

$(document).ready(function() {
$("#mydate").datepicker({
format: "yyyy-mm-dd"
})

现在，如果我使用日期选择器选择一个日期，则输入字段中的日期格式也是YYYY-MM-DD。但是对于访问者，日期格式应如下所示：DD.MM.YYYY。

有没有办法将日期的输出转换为另一种格式？谢谢！

Answer 1

jQuerydatepicker为此提供了altField选项：

$("#displayDate").datepicker({
dateFormat: "dd.mm.yy",
altField: "#mydate",
altFormat: "yy-mm-dd"
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.1/jquery-ui.min.js"
integrity="sha256-UezNdLBLZaG/YoRcr48I68gr8pb5gyTBM+di5P8p6t8="
crossorigin="anonymous"></script>
<input class="date" id="displayDate" value="20.12.2017" />
<input type="hidden" class="date" id="mydate" name="mydate" value="2017-12-20" />

有关更多详细信息，请阅读文档。