WEB扩展开发-日期区间控件设置默认值

栏目:eas cloud知识作者:金蝶来源:金蝶云社区发布:2024-09-16浏览:1

WEB扩展开发-日期区间控件设置默认值

     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()});
        }


效果如图所示:

上传图片


WEB扩展开发-日期区间控件设置默认值

web单据日期区间控件若要默认展示当月第一天到最后一天的日期区间,可通过二开实现:1.使用日期时间控件,设置日期区间类型;2.获取...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息