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"
        })

现在，如果我使用datepicker选择日期，我输入字段中的日期格式也是 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了解更多详情。

将datepicker格式转换为输入字段

1 个答案: