Question

我正在使用JQuery Datepicker将选定的日期值输出到两个不同的div。我不知道如何获得datepicker的值并应用两种不同的格式。

这是我走了多远：

<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

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

在您的代码中，您将datepicker分配给具有3种不同日期格式选项的相同元素，我不确定哪种方法可以正常工作，因为只会使用最后一行执行。在您的情况下，小行dateformat将用于#datepicker。

这是从单个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>

JQuery Datepicker多个日期格式

1 个答案: