Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从FlatPicker中获取选定日期_Javascript - Fatal编程技术网

Javascript 如何从FlatPicker中获取选定日期

Javascript 如何从FlatPicker中获取选定日期,javascript,Javascript,我现在有一个范围日期选择器 <input id="rangeDatepicker2" class="g-font-size-12 g-font-size-default--md" type="text" data-rp-wrapper="#rangePickerWrapper2" data-rp-type="range" data-rp-date-format="d M Y" data-rp-default-date='["01 Jan 2016", "31 Dec 2017"]'>

我现在有一个范围日期选择器

<input id="rangeDatepicker2" class="g-font-size-12 g-font-size-default--md" type="text" data-rp-wrapper="#rangePickerWrapper2" data-rp-type="range" data-rp-date-format="d M Y" data-rp-default-date='["01 Jan 2016", "31 Dec 2017"]'>
请问如何正确获取FlatPicker的选定日期范围


许多输入插件实际上在
onChange
处理程序中传递值。这些值在那里可用

解决方案 初始化FlatPicker时,向下传递一个
onChange
处理程序:

$("#rangeDatepicker2").flatpickr({
    mode: 'range',
    onChange: function(dates) {
        if (dates.length == 2) {
            var start = dates[0];
            var end = dates[1];

            // interact with selected dates here
        }
    }
})
演示

onChange
文档:

奇怪,无法识别FlatPicker函数。如何更改开始和结束的日期格式?能否添加初始化代码?你把你的“#rangeDatepicker2”变成一个平面采摘者
$("#rangeDatepicker2").flatpickr({
    mode: 'range',
    onChange: function(dates) {
        if (dates.length == 2) {
            var start = dates[0];
            var end = dates[1];

            // interact with selected dates here
        }
    }
})