六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 181|回复: 0

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

[复制链接]

升级  16%

20

主题

20

主题

20

主题

秀才

Rank: 2

积分
74
 楼主| 发表于 2013-2-7 22:49:12 | 显示全部楼层 |阅读模式
   今天模仿写了一个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];
      }
}
}
}
);
});
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表