EasyUi日期控件datebox设置，只显示年月，且只能选择年月

最新推荐文章于 2023-10-12 11:27:02 发布

小柴_

最新推荐文章于 2023-10-12 11:27:02 发布

阅读量726

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43687353/article/details/104756610

完成效果:
在这里插入图片描述
html代码

<div>
    <label for="totalDate">统计时间：</label>
    <input id="totalDate" name="totalDate" class="easyui-datebox"/>
</div>

js代码: 注意代码需要放到预加载的地方, 例如onLoadSuccess, 修改id选择器参数

//统计时间调整,只能选月份
            $('#totalDate').datebox({
                //显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
                onShowPanel: function () {
                    //触发click事件弹出月份层
                    span.trigger('click');
                    if (!tds)
                    //延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
                        setTimeout(function() {
                            tds = p.find('div.calendar-menu-month-inner td');
                            tds.click(function(e) {
                                //禁止冒泡执行easyui给月份绑定的事件
                                e.stopPropagation();