我在Bootstrap中有一个带daterangepicker输入的下拉菜单。
我有此代码
$(document).on('click', 'body .dropdown-menu', function (e) {
e.stopPropagation();
});
$('#filter-expired-range').daterangepicker();
并且当我单击daterangepicker日历日输入时-一切都关闭了(daterangepicker日历和下拉菜单)
更新1.]
html代码:
<div class="btn-group mea-filters-block"> <span style="float: left; padding-top: 12px;" class="mea-info"></span> <button type="button" class="btn dropdown-toggle btn-filter btn-link" data-toggle="dropdown" title="Filter"> <i class="fa fa-filter"></i></button> <ul class="dropdown-menu dropdown-menu-right"> <form id="docExportFilter"> <div class="row"> <div class="col-sm-6" style="border-right: 1px solid #ddd"> <p class="filterslabel"><i class="fa fa-calendar-check-o"></i> <span>Validation date</span> </p> <div class="form-group"> <input type="checkbox" class="" name="validDocuments" id="filter-valid"> <label for="filter-valid">Valid documents</label> </div> <div class="form-group"> <input type="checkbox" class="" name="expired" id="filter-expired"> <label for="filter-valid">Expired documents</label> </div> <div class="form-group" id="filter_expired_range_container" style="display: none"> <label for="filter-expired">Expired between dates <input style="width: 100%" readonly placeholder="Any" type="text" class="form-control" name="expired_range" id="filter-expired-range"> </label> </div> </div> <div class="col-sm-6"> <p class="filterslabel"><i class="icon-checkmark-circle2"></i> <span>Compliance</span> </p> <div class="form-group"> <input type="checkbox" name="compliant" class="" id="filter-compilant"> <label for="filter-compilant">Compliant documents</label> </div> <div class="form-group"> <input type="checkbox" name="remedialActionsRequired" class="" id="filter-remedial"> <label for="filter-remedial">Remedial required</label> </div> </div> </div> <div class="row pt-15" style="border-top: 1px solid #ddd"> <div class="col-sm-12 text-right"> <a class="mea-submit btn btn-primary"><i class="fa fa-check"></i>Apply</a> <button class="btn btn-default" type="reset"><i class="fa fa-times"></i> Cancel</button> </div> </div> </form> </ul> </div>
更新2。这是最小的示例-我看到问题是requirejs-如果我在没有requirejs的情况下进行测试-它可以正常工作...
带有requirejs的示例(无效-选择日期,关闭父级下拉菜单)https://jsfiddle.net/5wtLqxk9/2/
没有requirejs的示例(工作正常)https://jsfiddle.net/5wtLqxk9/1/
我在Bootstrap中有一个带daterangepicker输入的下拉菜单。我有这段代码$(document).on('click','body .dropdown-menu',function(e){e.stopPropagation();}); $('#filter-expired -...
$("div.daterangepicker").click( function(e) {
e.stopPropagation();
});