简单的日历组件例子--ten

编程技术  /  houtizong 发布于 3年前   44

   今天模仿写了一个jquery的日历的例子，感觉不错，至少是自己研究后独立搭起来的，这是一个插件，所以自己写的内容很少，只要导入jquery.datePicker.js，date.js，jquery.js和设计好的css样式，就ok了。

jquery:
$(function()
            {
$('.date-pick')
.datePicker()
.bind(
'focus',
function()
{
$(this).dpDisplay();
}
).bind(
'blur',
function(event)
{
if ($.browser.mozilla) {

var el = event.explicitOriginalTarget

var cal = $('#dp-popup')[0];

while (true){
      if(el==cal)  {      
                                            return false;
                                      } else if (el == document) {
                                            $(this).dpClose();
                                             return true;
      } else {
                    el = $(el).parent()[0];
      }
}
}
}
);
});