easyui 只选择年月

因项目需要,easyui 本身也没找到属性配置,所以自己实现,

参考了  https://blog.csdn.net/ytangdigl/article/details/73381958 

但这边做了简化改进,重点在于打开日历的时候,点击选择月份的标签,然后监听月份点击。

 

<input id="PlanDate" class="easyui-datebox" style="width: 220px; height: 28px; line-height: 28px;" data-options="required:true" />

 

 $('#PlanDate').datebox({
                onShowPanel: function () {
                    //日期组合框对象
                    var $datebox = $(this);
                    //获取输入框的值
                    var date = $datebox.datebox('getText');
                    //给日期组合框重新赋值,保证展开月份时显示正常的月份
                    $datebox.datebox('setValue', date + '-1');
                    //找到弹窗的 panel
                    var panel = $(this).datebox('panel');
                    //找到日历月份选择的dom并触发点击事件让其弹出
                    panel.find('.calendar-text').trigger('click');
                    //监听 月份 块的点击事件,点击某个月份的话,则获取到新的年月,重新给输入框赋值
                    panel.find('.calendar-menu-month').click(function () {
                        //获取年月
                        var year = panel.find('.calendar-menu-year').val();
                        var month = $(this).attr('abbr');
                        $datebox.datebox('setValue', year + '-' + month + '-1');
                        //关闭弹窗
                        $datebox.datebox('destroy');
                    })
                }
                , formatter: function (date) {
                    debugger
                    var y = date.getFullYear();
                    var m = date.getMonth() + 1;
                    return y + '-' + m;
                }
            })

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值