datepicker 格式：如何在幕后获得不同的格式？

Question

我希望文本框中的日期显示为MM-DD-YY (or YYYY, idc)但出于 MySQL 的目的，我需要它在YYYY-MM-DD.

我在这里找到了一个相同的问题，但我无法得到最终的答案。我发现标题有点误导，但所描述的问题对我来说似乎相同。

jQuery datepicker altFormat 未显示

该"altField"输入是因为我不知道它是否包含在datepicker，或者如果它需要添加。无论如何我都无法让它工作。PHP 用于我自己的调试目的，因此我可以看到将要放入查询中的内容。

<form onsubmit="return(validateEvent())" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<label>Date</label>
<input type="text" name="datepicker" id="datepicker">
<br/>
<button type="submit" value="submit" name="submit">Add Event</button>
<input type="text" name="altField" id="altField" hidden>

<script>
$( function() {
    $( "#datepicker" ).datepicker({
        dateFormat: "mm-dd-yy",
        altFormat: "yy-mm-dd",
        altField: "#altFormat"
    });
});

<?php
if( isset($_POST['submit']) ) {
    echo "<script>";
    $temp = $_POST["datepicker"];
    echo "alert('$temp');";
    echo "</script>";
}
?>

有人请帮助拯救我的理智O_o

Answer 1

您输入了错误的 id，隐藏字段应该有type=hidden.

检查这个：

$( function() {
  $( "#datepicker" ).datepicker({
    dateFormat: "mm-dd-yy",
    altFormat: "yy-mm-dd",
    altField: "#altField"
  });
  $('#btn1').click(function() {
    console.log("Datepicker value: " + $('#datepicker').val());
    console.log("Datepicker alt value: " + $('#altField').val());
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<form onsubmit="" method="post" action="">
  <label>Date</label>
  <input type="text" name="datepicker" id="datepicker">
  <input type="hidden" name="altField" id="altField">
  <br/>
  <button type="submit" value="submit" name="submit">Add Event</button>
</form>
<br /><br />
<button id="btn1">View Values</button>