历史版本1 :日历组件增加翻页功能 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.问题描述编辑

帆软商城中的日历组件只能显示当前月的日期,但在实际应用中可能会需要有一个翻页的效果,来实现自由选择日期查看的需求。

2.实现思路编辑

设置一个模板参数和相应的日期控件,通过超链点击事件改变控件值并直接查询来实现翻页效果。

3. 示例/操作步骤编辑

3.1下载组件
在帆软商城里下载深色系日历组件并安装使用。该步详细过程可参考《表单组件共享复用》-http://help.finereport.com/doc-view-1965.html


3.2模板设计
增加一个模板参数date,并在参数面板添加一个日期控件,格式设置为yyyy-MM,勾选返回日期。


222













B2单元格修改公式为$dateB3单元格修改公式为weekday(todate(date(year($date), month($date), 1))),C3单元格修改公式为daysofmonth($date)
222


日历主体所有日期的条件属性增加一个条件month(B2)==month(B1)


222



增加四个超链JS,分别为上年,上月,下月,下年。四个超链的JS是一样的:

_g().parameterEl.getWidgetByName("date").setValue(a);
_g().parameterCommit();  


区别为参数a的设置,分别为:

上年:format(YEARDELTA(B2,-1),"yyyy-MM")

上月:format(MONTHDELTA(B2,-1),"yyyy-MM")

下月:format(MONTHDELTA(B2,1),"yyyy-MM")

下年:format(YEARDELTA(B2,1),"yyyy-MM")


222


注:移动端暂不支持parameterEl方法,所以移动端该方法无效。


4.测试效果