JQuery---选择年月的插件

最新推荐文章于 2023-05-24 17:39:43 发布

Nightsong_cc

最新推荐文章于 2023-05-24 17:39:43 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/gzw1623231307/article/details/56474546

版权

本文分享了一个使用JQuery编写的简单年月选择插件SimpleCanleder，包括对应的JS和CSS文件，以及示例页面年月历201301index.html。

摘要由CSDN通过智能技术生成

共享一个之前写的简单位的，选择年月的插件

SimpleCanleder.js

; (function($) {
	$.simpleCanleder = function(box, options){
		var _canlederBox = "#SimpleCanleder_Year_Month";
		var _title_ul_li = ".title li";
		box = $(box);
		var box_height = parseFloat( box.height());
		var box_width = parseFloat( box.width());
		var boxOffset = box.offset();

		var canlederBox = null;
		box.click(function(){
			canlederBox = $(_canlederBox);
			if($(canlederBox).size() > 0){
				$(canlederBox).show();
			}else{
				_buildCanlederBox();
				$("body").append(canlederBox);

                $(document).click(function(e){
                    var pointX = e.pageX;
                    var pointY = e.pageY;
                    var $box  = canlederBox.data("box");

                    var isCanlederBox = $(e.target).parents(_canlederBox);

                    if(canlederBox.is(":visible") && $box && e.target != $box[0] && isCanlederBox.size() <= 0){
                        var offset = canlederBox.offset();
                        var top  = offset.top - 4;
                        var left  = offset.left - 4;
                        var height = top + parseFloat(canlederBox.outerHeight()) +  4;
                        var width = left + parseFloat(canlederBox.outerWidth()) + 4;
                        if(pointX > left && pointY > top &&
                                pointX < width && pointY < height){

                        }else{
                            canlederBox