时间戳

首页 > 解决方案 > 在更改时将日期选择器传递回输入字段

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

问题描述

更改 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。

标签： jquerydatepickerjquery-ui-datepicker

解决方案

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>

推荐阅读