bootstrap的datepicker如何检测用户点击页面其他区域时，关闭datepicker

Question

1. 开始想到的是input会绑定blur事件，但是用户点击时间控件也是触发input的blur事件，不可行
2. 猜想可能是绑定document的click事件，这时候检测event.target是否包含bootstrap的class，但是想到datepicker应该不会每个元素都有某个固定的class
3. 猜想会使用containes方法，比如绑定document的click事件，判断当前点击的event是否在datapicker的最顶级的class中。
4. 在页面建立一个mask层，背景是透明的，z-index值比datepicker的小，这时候点击页面其他区域都是在点击mask层，然后时间控件隐藏。但是用户并不知道这是在点击透明层，这时候点击其他可操作区域的时候会发现点击没有响应（因为这时候是在隐藏时间控件和隐藏透明层操作），第二次点击时，透明层被移除后，才能点击其他操作。所以这种方案也会有弊端

想问下还有什么比较好的方法吗