Question

我使用的是一个名为Flatpickr的插件。它工作正常，但当我添加点击行为并尝试将其附加到另一个div时，它会显示多个文本框。它很奇怪，现在我现在需要做的是，我应该在那个div中找到flatpicr然后如果它超过那个就删除它。或者还有其他替代方案。

mask1 = df.DepTime.between(500, 1159)
mask2 = df.DepTime.between(1200,1659)
mask3 = df.DepTime.between(1700,2059)

df['PartofDay1'] = np.where(mask1, 'Morning', 
                   np.where(mask2, 'Afternoon',
                   np.where(mask3, 'Evening', 'Night')))

print (df)
   DepTime PartofDay PartofDay1
0     1300      Noon  Afternoon
1     2400     Night      Night

这是脚本

<form id="taskForm">
    <div class="container">
        <div class="row" style="margin-top:15px;">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="taskContent">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label>Date Range<sup class="text-danger">*</sup></label>
                                    <div class="input-group">
                                        <input type="text" class="form-control flatpickr" placeholder="Select Date">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <div id="taskEmpty">
                    </div>
                    <div class="row">
                        <div class="col-lg-1 pull-right text-right">
                            <h1 class="glyphicon glyphicon-plus-sign" id="addTask" style="color:#32c24d;cursor:pointer;"></h1>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 text-center">
                            <button type="submit" class="btn btn-primary btn-submit">Create</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

这是fiddle

提前致谢

Answer 1

看起来像是在调用flatpickr（“。flatpickr”）;创建重复的实例。

const fpConf = {
enableTime: true,
altInput: true,
altFormat: "j- M- Y h:i K",
"mode": "range",
wrap: true,
allowInput: true
};

var clone = $(".taskContent").clone();

flatpickr(".taskContent .input-group", fpConf);

$("#addTask").on("click", function(event){
event.stopPropagation();

const newClone = clone.clone();
$("#taskEmpty").append(newClone);
$(newClone).find(".input-group").flatpickr(fpConf);
});

此问题由flatpicker插件的 chmln 创建者修复。谢谢他。伟大的工作.....

Flatpickr附加问题

1 个答案: