Jquery UI，使用自定义或特定日期格式答案

【问题标题】：Jquery UI, use custom or specific date formatJquery UI，使用自定义或特定日期格式
【发布时间】：2018-02-01 06:42:38
【问题描述】：

我的表单中有两个使用 Jquery UI 的 Datepicker 输入的日期选择器。我需要帮助将日期格式化为我自己的特定格式。我为每个日期选择器的 ID 声明了两个变量，例如 .datepicker({ dateFormat: 'dd/mmm/yyyy' }).val();，但看起来我做错了。

var date2 = $('#datepicker2').datepicker({
  dateFormat: 'dd/mmm/yyyy'
}).val();
var date3 = $('#datepicker3').datepicker({
  dateFormat: 'dd/mmm/yyyy'
}).val();

$(function() {
  $("#datepicker2").datepicker();
});

$(function() {
  $("#datepicker3").datepicker();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
Input Data Date:
<input type="text" class="form-control" name="p2" id="datepicker2"><br> 
Birth Date:
<input type="text" class="form-control" name="p2" id="datepicker3"><br>

当我选择一个日期时，我得到的是mm/dd/yyy。谁能帮帮我？

【问题讨论】：

我为你创建了一个 sn-p
感谢您的剪辑，mplungjan 先生。
我没有更改您的代码。

标签： jquery html jquery-ui datepicker

【解决方案1】：

你没有提到你的具体格式是什么

您需要查看formatDate

这是一个例子

$(function() {
  $("#datepicker2").datepicker({
    onSelect: function(dateText) {
     console.log("Selected date: " + dateText + "; input's current value: " + 
     $.datepicker.formatDate("dd M yy", new Date(this.value)));
    }
  });
  $("#datepicker3").datepicker({
    dateFormat: 'dd-mm-yy',
    onSelect: function(dateText) {
      console.log("Selected birth date: " + dateText + "; input's current value: " + this.value);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
Input Data Date:
<input type="text" class="form-control" name="p2" id="datepicker2"><br> 
Birth Date:
<input type="text" class="form-control" name="p2" id="datepicker3"><br>

【讨论】：

感谢您的帮助：D