转换datepicker格式到输入字段

Question

我确实有一个简单的输入字段，使用jquery datepicker的形式。

<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。但对于vistor，日期格式应该如下所示：DD.MM.YYYY。

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

Answer 1

jQuery的datepicker为此提供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" />

阅读documentation了解更多详情。