EasyUI datebox日期选择框 自定义 只显示年月

实现效果截图:
在这里插入图片描述
点击月 或 年:
在这里插入图片描述
实现步骤:
一、引入资源文件 其中data.js里面有自定义方法
在这里插入图片描述
资源链接:
地址:https://pan.baidu.com/s/13rHyTraaV6LL1zjjzp99sA&shfl=sharepset
提取码:l0as

二、修改datebox 输入框data-options属性
在这里插入图片描述

然后js代码:

$(document).ready(function() {
		
		$("#s_begin").datebox("setValue",genLastYearStr().substring(0,7)); // 设置上个月日期
		$("#s_end").datebox("setValue",genTodayStr().substring(0,7)); // 设置当前日期
		
		 
	});
//格式化年月
	function myformatter(date){
        var y = date.getFullYear();
        var m = date.getMonth()+1;
        var d = date.getDate();
        return y+'-'+(m<10?('0'+m):m);
    }

	function myparser(s){
        if (!s) return new Date();
        var ss = (s.split('-'));
        var y = parseInt(ss[0],10);
        var m = parseInt(ss[1],10);
        var d = parseInt(ss[2],10);
        if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
            return new Date(y,m-1,d);
        } else {
            return new Date();
        }
    }
	
发布了98 篇原创文章 · 获赞 7 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_37767455/article/details/102637410