jquery – Bootstrap datepicker在引导按钮下拉

我的要求：我正在使用一个twitter引导按钮下拉列表( http://twitter.github.io/bootstrap/components.html#buttonDropdowns),并使用引导日期戳( http://eternicode.github.io/bootstrap-datepicker/#examples)在列表项之一,如下图所示.

根据我的要求,我需要在最后一个项目中有月历,然后点击打开bootstrap-datepicker,我应该可以选择month&年.

我遇到的问题：当我打开该日期标记并选择任何一个月或一年,或者点击datepicker中的任何导航,移动到另一个月份或年份时,该按钮将隐藏隐藏,但是日期戳仍保留在下面的图像中.我一直在努力,但不能让它工作.

我认为(不知道它是否正确)：当我点击datepicker时,它被直接附加到body元素上,因为所有列表项和它们的子元素都在html中深入.所以,即使我尝试停止事件传播的任何点击里面的下拉列表,它不会计数datepicker,因为它附加到正文. (只是为了更多的信息我有一些动作定义点击其他列表项)

真的很感激有人可以帮助我,我真的需要让这件事为我的项目工作.

解决方法

使用这个日期选择器,您需要防止单个按钮上的传播.将其添加到脚本中.

$(document).on('click','span.month,th.next,th.prev,th.switch,span.year',function (e) {
        e.stopPropagation();
    });

Demo