轉換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瞭解更多詳情。