EasyUI datebox日期选择器只显示年月（在选择的时候要进行年月日选择选择之后只显示年月）

最新推荐文章于 2026-04-17 03:05:19 发布

转载最新推荐文章于 2026-04-17 03:05:19 发布 · 886 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.cnblogs.com/NieXiaoHui/p/5054075.html

标签

#javascript

EasyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在火狐浏览器中解决日期选择器兼容性问题的方法，通过调整JavaScript代码，实现了日期选择器在火狐浏览器中的正常显示和使用。文章提供了具体的代码示例，包括页面加载时初始化日期选择器的设置，以及如何设置默认显示为当前月份。

转载https://www.cnblogs.com/NieXiaoHui/p/5054075.html 真的是有用

但是上面的这个出现了问题在火狐浏览器下不兼容

转载 https://blog.csdn.net/ytangdigl/article/details/73381958 这个是在火狐下可以支持直接复制文章内的源码就可以实现（修改文章内的id名）

选择的过程中要选择年月日在显示在框里面的时候会显示年月

//页面加载时进行
$(function(){
            var currTime=new Date();
            var strDate=currTime.getFullYear()+"-"+(currTime.getMonth()+1)+"-01";
            //dateid 指得就是你控件的id 那个显示的input
            $('#dateid').datebox({formatter:function(date){
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                m = m < 10 ? '0' + m : m;
                return y.toString() + '-' + m.toString();
            },parser:function(date){
                console.log(date);
                if (date) {
                    return new Date(String(date).substring(0, 4) + '-'
                            + String(date).substring(5,7));
                } else {
                    return new Date();
                }
            }});
            //dateid 指得就是你控件的id 那个显示的input
            $('#dateid').datebox('setValue',strDate);//默认加载当前月份
            
        });