基于jQuery的日期选择控件

2020-05-22 16:34:24易采站长站整理

if ((newpos.left + w) >= bw) {
newpos.left = bw – w – 2;
}
if ((newpos.top + h) >= bh) {
newpos.top = pos.top – h – 2;
}
if (newpos.left < 0) {
newpos.left = 10;
}
if (newpos.top < 0) {
newpos.top = 10;
}
//强制默认是月日期视图
$(“#BBIT-DP-MP”).hide();
newpos.visibility = “visible”;
cp.css(newpos); //移动到知道位置并显示
//cp.show();
$(this).attr(“isshow”, “1”);
//给document注册单次的click事件,解决打开日期选择器后,点击其他位置,隐藏日期选择器的问题
$(document).one(“click”, function(e) {
me.attr(“isshow”, “0”);
cp.removeData(“ctarget”).removeData(“cpk”).removeData(“indata”);
cp.css(“visibility”, “hidden”);
});
return false;//组织冒泡
}

其他一些代码都是日期操作的函数,如上月下月等就不做介绍了,大家如果对代码上又任何问题都可以留言,我一定解答,最后是示例了 .
第一个示例是老老实实的演示Demo示例,有三种方式,也有调用方式的说明:http://jscs.cloudapp.net/ControlsSample/dpdemo
第二个示例是我写的日程管理控件中结合datepicker的应用(大家可以先看看这个)http://xuanye.cloudapp.net/


位置是:imageimage 


 


是datepicker在我的创造中的应用,最后如果你觉得这边文章对你有所帮助,那就点击一下【推荐】?
代码打包软件开发网