javascript - 如何实现/模仿 jQuery UI 的日期选择器？

Question

我想做的是:

我有一个<input>元素和onclick对于该输入，我切换某个 <div> (请参见下文)

<div>
   <table>
      <tr>...</tr>
      ...
      ...
   </table>
</div>

当我单击上表中的一行时，我想触发一个事件(例如，将某个值设置为上面的 <input> ，然后隐藏整个 <div> 。到目前为止，我已经使它可以工作了。

问题:当 div 显示但NO <tr>被点击(例如背景被点击)，我想隐藏 <div>这次也。所以我把onblur事件<input>并在发生这种情况时隐藏 div。这有效。

问题:但是现在，当我正确选择 <tr> 时，onblur首先触发，因此 div 和 table 被隐藏，并且不会触发 tr onclick。 :(

到目前为止我的解决方案:我删除了 onblur 事件并做了类似的事情

$(document).mousedown(function() {
   If event.target == myDiv
      dont hide div, so onclick is triggered (manully hide later anyway)
   else //background is clicked
      hide div yey
});

问题:这是一个不错的解决方法吗？或者，还有更好的方法？我想知道 jQuery UI 如何实现这个，因为我看到 datepicker 也是一个 div。抱歉，我的 jQuery 水平仍然不允许我正确阅读他们的实现:/如果有人好心地向我解释一下。谢谢。

Answer 1

做类似的事情

someTimeout = setTimeout(function(){ someFunction(); }, someDuration) 

$("#someID").click(function() {
   clearTimeout(someTimeout );
});