WEB扩展开发-日期区间控件设置默认值原创
金蝶云社区-vivi_ww
vivi_ww
11人赞赏了该文章 183次浏览 未经作者许可,禁止转载编辑于2023年10月07日 19:01:48

     web单据日期区间控件若要默认展示当月第一天到最后一天的日期区间,可通过二开实现:


1.使用日期时间控件,设置日期区间类型;

上传图片


2.获取本月第一天 getCurrentMonthFirst 和本月最后一天方法 getCurrentMonthLast 先分别在web端-设置-方法 添加规范格式方法;

上传图片


3.在对应脚本方法体内编写代码;

上传图片

本月第一天方法 getCurrentMonthFirst 示例代码:

getCurrentMonthFirst:function(){
	var date=new Date();
        date.setDate(1);
        return date;
        }

本月最后一天方法 getCurrentMonthLast 示例代码:

getCurrentMonthLast:function(){
	    var date=new Date();
	    var currentMonth=date.getMonth();
	    var nextMonth=++currentMonth;
	    var nextMonthFirstDay=new Date(date.getFullYear(),nextMonth,1);
	    var oneDay=1000*60*60*24;
	    return new Date(nextMonthFirstDay-oneDay);
        }


4.设置-前端-页面事件,新增after 页面打开事件,提供js代码方案实现本月日期区间设置;

上传图片

页面打开事件 pageOnLoadAfterSetBizDate 示例代码:

pageOnLoadAfterSetBizDate:function(e){
		  console.log("业务日期区间设置默认本月时间");
			waf("#ext_bizDate").wafDatePicker("setValue",{"startDate":_private.getCurrentMonthFirst(),"endDate":_private.getCurrentMonthLast()});
        }


效果如图所示:

上传图片


图标赞 11
11人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!