JS實現開始日期編輯後結束日期增加7天

1.1 應用場景

有兩個日期元件分別為開始日期和結束日期，要查詢一個星期的資料，實現選擇開始日期之後，結束日期自動指派為開始日期後7天的日期。實際效果如下圖所示：

1.2 實現思路

給開始日期新增編輯後 事件，使用 JavaScript 將結束日期指派為開始日期加7天。

2.1 開啟報表

開啟設計器內建範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Parameter\TimeScale\TimeScale.cpt

2.2 新增事件

進入參數面板編輯介面，選中 starttime 元件，新增 編輯後 事件，如下圖所示：

JavaScript 程式碼如下：

var date1=new Date(this.getValue());
var date2= new Date();
date2.setTime(date1.getTime()+(7*24*60*60*1000));
this.options.form.getWidgetByName("endtime").setValue(date2);

2.2 效果預覽

儲存範本，點選分頁預覽 ，效果如下圖所示：

注：不支援行動端。

已完成的範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\JS\分頁預覽JS實體\JS實現開始日期編輯後結束日期增加7天.cpt

點選下載範本：JS實現開始日期編輯後結束日期增加7天.cpt