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

最新推荐文章于 2020-06-29 21:38:17 发布

Take^that

最新推荐文章于 2020-06-29 21:38:17 发布

阅读量511

点赞数

分类专栏：前端文章标签： EasyUI datebox

本文链接：https://blog.csdn.net/qq_37767455/article/details/102637410

版权

前端专栏收录该内容

85 篇文章 0 订阅

订阅专栏

实现效果截图：
在这里插入图片描述
点击月或年：

实现步骤：
一、引入资源文件其中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();
        }
    }