在更改时将日期选择器传回输入字段

Question

如何在更改 Jquery 日期选择器时将正确格式的日期传递到输入字段？

这是我的输入：

<input type="text" class="new_ship_date" name="new_ship_date" value="<?php echo esc_attr( substr( $current_date, 0, 10 ) ); ?>">

这是我尝试过的方法，但是在选择新日期时输入的内容只是显示无效日期：

    $('#mypicker').datepicker({
    //options
    dateFormat: "yyyy-mm-dd",
    minDate: new Date(dt),
    firstDay: 0,
    onSelect: function(dateText, inst) {
                var nsd = new Date(dateText);
        $('.new_ship_date').val(nsd);
    },
    beforeShowDay: $.datepicker.noWeekends,

});

我需要格式为 yyyy-mm-dd。

Answer 1

https://api.jqueryui.com/datepicker/

$.datepicker.parseDate（格式、值、选项）

var date = $('.from').val();   
var result = $.datepicker.formatDate("dd.mm.yy", $.datepicker.parseDate('yy-mm-dd', date));
$(".result").text(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
From <input type="text" class="from" value="2017-11-07">
<br><br>Result : <span class="result"></span>

在更改时将日期选择器传回输入字段

Pass datepicker back to input field on change

jquery

datepicker

jquery-ui-datepicker