使用datepicker以多种格式附加日期

Posted 2021-05-01

我正在使用JQuery-UI Calendar。我的目标是确定一周的日期，例如Wednesday，并在输入中格式化日期，如07/20/2017。

到目前为止，我能够通过分割日期来确定使用dateFormat:DD的星期几。

现在问题是输入字段附加日期就像这个Wednesday/07/20/2017。虽然我想像07/20/2017一样追加它

$(function() {
  $('#datepicker').datepicker({
    dateFormat: 'DD/mm/dd/yy',
    changeYear: true,
    changeMonth: true,

    onSelect: function(dateText, inst) {
      var day = dateText.split("/");
      console.log(day[0]);

      $(".inner").append(day[0]);

      $("#datepicker").append(day[1]);
    }

  })
});

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



<input type="text" id="datepicker">

<div class="inner">
  <p></p>
</div>

答案

请尝试以下代码：

$(function() {
    $('#datepicker').datepicker({
        dateFormat: 'mm/dd/yy',
        changeYear: true,
        changeMonth: true,


        onSelect: function(dateText, inst) {
            var day = dateText.split("/");
            console.log(day[0]);
            var curDate = $(this).datepicker('getDate');
            var dayName = $.datepicker.formatDate('DD', curDate);
            $(".inner").append(dayName);

            $("#datepicker").append(day[1]);
        }

    })
});

我做的是这样的：

1. 将dateFromat从'DD / mm / dd / yy'更改为'mm/dd/yy'。
2. 为了获得当天的名字，我添加了这两行代码 var curDate = $(this).datepicker('getDate'); var dayName = $ .datepicker.formatDate（'DD'，curDate）;