JQuery Datepicker 多种日期格式答案

【问题标题】：JQuery Datepicker Multiple Date FormatsJQuery Datepicker 多种日期格式
【发布时间】：2011-06-18 05:21:30
【问题描述】：

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

【问题讨论】：

标签： jquery datepicker date-format

【解决方案1】：

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

在您的代码中，您将 datepicker 分配给具有 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>

【讨论】：

嗯，好吧，我明白了。但是如何从同一个选择器中提取两种不同的日期格式？
我的答案也修改了！使用 // 新编辑.. 您可以使用 datepicker 提供的 dateFormat 函数获取不同格式的日期。即 $.datepicker.formatDate('yy/mm/dd', $( "#datepicker" ).datepicker('getDate'));
我采纳了您的建议，但现在当我选择新日期时，“date-small”不显示任何文本。 'getDate' 不起作用，因为我认为这不会输出 HTML。还有其他想法吗？（在我的原始帖子中编辑了脚本）