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

时间:2017-12-18 18:20:15

标签: javascript jquery html datepicker calendar

我正在使用JQuery-UI日历​​。我的目标是确定一周中的某一天,例如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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

请尝试以下代码:

$(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);