【问题标题】:Append date in multiple format using datepicker使用日期选择器以多种格式附加日期
【发布时间】:2018-06-01 03:18:49
【问题描述】:

我正在使用 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>

【问题讨论】:

    标签: javascript jquery html datepicker calendar


    【解决方案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);

    【讨论】:

      猜你喜欢
      • 2014-04-22
      • 1970-01-01
      • 2014-05-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-04
      相关资源
      最近更新 更多