twitter-bootstrap - 下拉菜单中的 Twitter 日期选择器

Question

我想在下拉菜单中添加一个日期选择器。我使用这个日期选择器link

接下来，我添加了代码，以便当我单击输入选择日期时不关闭菜单，输入消失。我该如何修复它？

$('.datepicker').datepicker({
    autoclose: true
});

$('.dropdown-toggle').dropdown();
$('.jsolr-search-result-form .dropdown input, .jsolr-search-result-form .dropdown label, .jsolr-search-result-form ul span').click(function(e) {
  e.stopPropagation();
});

Answer 1

您可以执行以下操作:

jQuery(function($){
    $('#dropdownMenu1').parent().on('hide.bs.dropdown', function(e){
        e.preventDefault();
    });
});

示例:http://jsfiddle.net/9qyf2/

请注意，下拉事件是在父元素上触发的。从那里您可以检查哪个元素被单击，并根据需要阻止默认行为。确保检查 js 组件的 Bootstrap 文档:http://getbootstrap.com/javascript/#dropdowns-usage

希望有帮助。