JQuery Datepicker 多种日期格式

Question

我使用 JQuery Datepicker 将选定的日期值输出到两个不同的 div。我不确定如何获取日期选择器的值并应用两种不同的格式。

这就是我走了多远：

<script>
$(document).ready(function() {

    $("#datepicker").datepicker({ dateFormat: 'dd' });

    $("#datepicker").change(function() {
        $(".date-large").html($("#datepicker").val());
        $.datepicker.formatDate('yy/mm/dd', $(".date-small").html($("#datepicker").datepicker('getDate')));      
    });


  });
</script>

Answer 1

您可以使用日期选择器的 getDate 方法从日期选择器中获取当前日期。

在您的代码中，您将日期选择器分配给具有 3 个不同日期格式选项的同一元素，我不确定这是否会很好地工作，因为只会使用执行的最后一行。在您的情况下，小行日期格式将用于#datepicker。

这是从单个日期选择器获取日期的示例。

  <script>
  $(document).ready(function() {

    $("#datepicker").datepicker({ dateFormat: 'D, M dd' });

    $("#datepicker").change(function() {
        $(".date-large").html($("#datepicker").datepicker('getDate'));

        // new edit
        var date_in_different_format = $.datepicker.formatDate('yy/mm/dd', $( ".date-large" ).datepicker('getDate'));
    }); 
  });
</script>