Question

我使用Jquery UI的Datepicker在我的表单中输入两个日期选择器。我需要帮助将日期格式化为我自己的特定格式。我为每个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。有人可以帮帮我吗？

Answer 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>

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

1 个答案: