更改克隆日期选择器值的格式

Question

我有来自jQuery日期选择器的克隆输入值，我正在尝试仅更改克隆元素中的格式。

显示字段：

<input id="thedate" type="text" class="datepicker-input--checkin datepicker"  
     value="1/1/2017" />
<input id="thesubmit" type="button" value="Submit" />

$(function() {
    var $button = $('.datepicker-input--checkin').clone();
    $('.package').html($button);
    $(".datepicker").datepicker({
    });
});

Fiddle:

Answer 1

如果您想要格式化日期，可以在datepicker上绑定changeDate事件，并可以在绑定方法中格式化值。

$(".datepicker").datepicker().on('changeDate', dateChangeListener);

function dateChangeListener(event) {

var formattedDate = event.format('dd.mm.yy');
$(".datepicker").val(formattedDate);

}