再次給力發布，首款全中文習慣，支持鼠標滑動多選的多月（可以顯示N個月）的日歷控件，界面仿Twitter風格，多語言支持，Ctrl/Shift多選支持，日期范圍限制支持，自定義事件支持

號外：kitjs官方討論QQ群建立了，QQ群號 88093625，歡迎大家加入，討論前端相關話題 

 

 

地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth

 

界面如圖

 

繼承自之前發布的

http://www.cnblogs.com/xueduanyang/archive/2012/04/12/2444788.html

 

初始化方法為

//默認日歷
                window.picker = new $kit.ui.DatePicker.NMonths();
                picker.init();
                $kit.el('#J_datePicker').appendChild(picker.picker);
                picker.show();
                picker.ev({
                    ev : 'change',
                    fn : function(e) {
                        alert(picker.getValue());
                    }
                })
                //輸入框下拉
                $kit.ev({
                    el : '#J_input',
                    ev : 'focus',
                    fn : function(e) {
                        var d, ipt = e.target;
                        d = e.target[$kit.ui.DatePicker.defaultConfig.kitWidgetName];
                        if(d) {
                            d.show();
                        } else {
                            d = new $kit.ui.DatePicker.NMonths();
                            d.init();
                            d.adhere($kit.el('#J_input'));
                            d.show();
                        }
                    }
                });
                $kit.ev({
                    el : document,
                    ev : 'click',
                    fn : function(e) {
                        var input = $kit.el('#J_input');
                        d = input[$kit.ui.DatePicker.defaultConfig.kitWidgetName];
                        if(d && !$kit.contains(d.picker, e.target) && input != e.target) {
                            d.hide();
                        }
                    }
                });

 

與之前默認配置參數唯一的區別在於，多了一個配置顯示多少個月的參數 nMonths，默認顯示3個月，可以改成2個月

 

周末了，如果遇到啥問題，可以留言，下周繼續更新，歡迎繼續關注kitjshttp://xueduany.github.com/KitJs