Javascript FlatPicker使用所选日期填充div文本

Javascript FlatPicker使用所选日期填充div文本,javascript,jquery,flatpickr,Javascript,Jquery,Flatpickr,键入输入时,My.auto input函数填充容器div.text,但在选择日期时,它不会获取flatpickr input字段中的值并填充.flatpickrdiv文本 如何根据#flapickr的输入获取.flatpickr内部的文本进行填充 $('.auto-input').keyup(函数(){ var$this=$(this); $('.'.+$this.attr('id')+'.html($this.val()); }); 变量示例=flatpickr(#flatpickr){ 地

键入
输入时,My
.auto input
函数填充容器div
.text
,但在选择日期时,它不会获取
flatpickr input
字段中的值并填充
.flatpickr
div文本

如何根据
#flapickr
的输入获取
.flatpickr
内部的文本进行填充

$('.auto-input').keyup(函数(){
var$this=$(this);
$('.'.+$this.attr('id')+'.html($this.val());
});
变量示例=flatpickr(#flatpickr){
地点:“恩”,
altInput:是的,
日期格式:“d-m-Y”,
minDate:“1950-01-01”,
allowInput:false
});


在这里填写日期
您必须添加
onChange
onClose
事件挂钩,然后相应地更新
.flatpickr
div。请在此处阅读更多信息:

这是小提琴:

以下是一个例子:

$('.auto-input').keyup(函数(){
var$this=$(this);
$('.'.+$this.attr('id')+'.html($this.val());
});
变量示例=flatpickr(#flatpickr){
地点:“恩”,
altInput:是的,
日期格式:“d-m-Y”,
minDate:“1950-01-01”,
allowInput:false,
onChange:function(selectedDates、dateStr、instance){
$(“.flatpickr”).html(dateStr);
}
});


在这里填写日期
谢谢。知道如何格式化容器文本以匹配Flatpickr输入(2018年1月1日)中的内容吗?认真地说,阅读文档,哈哈:都在那里。只需将
dateFormat:“d-m-Y”
替换为配置中所需的格式。我签出了文档,但找不到任何关于更改日期格式的内容。我刚刚写道,您需要使用所需格式更改配置中的
dateFormat:“d-m-Y”
。另一种选择(由于FlatPicker已经提供了日期格式,所以使用它没有意义)是。我建议坚持使用内置配置选项。哦,我现在明白了。我在函数中使用的
dateFormat:“d-m-Y”
并没有像我所想的那样改变选择器输入的输入,但实际上它改变了onChange文本。再次感谢。