easyui中datebox设置,只显示年月,也只能选择年

var db = $('#txtStartDate');

        db.datebox({    

        onShowPanel : function() {// 显示日期选择对象后再触发弹出月份层的事件,初始化时没有生成月份层    

        span.trigger('click'); // 触发click事件弹出月份层

        setTimeout(function() {// 延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔    

        tds = p.find('div.calendar-menu-month-inner td'); 

        tds.click(function(e) {  

        e.stopPropagation(); // 禁止冒泡执行easyui给月份绑定的事件

        var year=/\d{4}/.exec(span.html())[0];//年份

        var month=parseInt($(this).attr('abbr'), 10);//月份

        if(month<10){

        month="0"+month;

        }

        db.datebox('hidePanel')// 隐藏日期对象    

                            .datebox('setValue', year + '-' + month);// 设置日期的值 

        });

        }, 0);  

        },

            parser: function (s) {

                if (!s) return new Date();

                var arr = s.split('-');

                return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);

            },

            //配置formatter,只返回年月 之前是这样的d.getFullYear() + '-' +(d.getMonth()); 

            formatter: function (d) { 

                var currentMonth = (d.getMonth()+1);

                var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + '');

                return d.getFullYear() + '-' + currentMonthStr; 

            }

        });    

        var p = db.datebox('panel'); // 日期选择对象    

        var span = p.find('div.calendar-title span'); // 显示月份层的触发控件 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值