查詢不同時間週期的資料

1.1 問題描述

決策報表查詢指定區間日期資料時，希望可以透過點選按鈕( 不在參數面板 )查詢到最近的資料，例如：近7天、近14天等等。

如下圖所示：

1.2 解決思路

直接將開始和結束的兩個日期元件拖入到 body 中，並新增一個按鈕元件。

給按鈕元件設定 JS 點選事件，點選按鈕後，對開始日期元件指派，將日期傳遞到資料集的 SQL 語句中，查詢對應的資料。

2.1 報表設計

1）建立決策報表，建立資料集 ds1，SQL查詢語句如下：

SELECT * FROM 訂單 where 1=1 

 ${if(len(starttime)=0,""," and 訂購日期>='"+starttime+"'")}

 ${if(len(endtime)=0,""," and 訂購日期<='"+endtime+"'")}

2）如下圖設計報表樣式：

3）如下圖綁定折線圖資料：

4）選中開始時間日期元件，元件名稱重新命名為starttime，設定一個預設日期元件值，如下圖所示：

5）選中結束時間日期元件，元件名稱重新命名為endtime，設定一個預設日期元件值，如下圖所示：

6）以近七天按鈕為例，新增 JS 點選事件，近14天按鈕同理設定，只需要改下定義開始時間的公式即可。

JS 程式碼如下：

var K1='${=date(2011,6,22)-7}';//定義開始時間
//alert(K1);
_g().getWidgetByName("starttime").setValue(K1);//把K1值賦給開始時間元件
_g().getWidgetByName("starttime").fireEvent("afteredit");//觸發開始元件的編輯後事件

2.2 效果預覽

1）PC端

儲存報表，點選PC端預覽，效果如 1.1 節所示。

2）行動端

點選下載範本：決策報表按鈕查詢最近日期的資料.frm

如果想要今天作為結束日期，然後往前推 7 天，這樣動態的最近 7 天該如何實現呢？

只需要將上面範例中按鈕的點選事件程式碼取代成：

var mydate = new Date(); //建立日期物件，回傳值為當前日期（包含時分秒）
var K1 = new Date();//用來處理前七天的日期
K1.setDate(K1.getDate()-7); //設定日期物件中的“日”，為當前日-7
//alert(K1);
_g().getWidgetByName("starttime").setValue(K1);//把K1值賦給開始時間元件
_g().getWidgetByName("starttime").fireEvent("afteredit");

_g().getWidgetByName("endtime").setValue(mydate);//把K1值賦給結束時間元件
_g().getWidgetByName("endtime").fireEvent("afteredit");
//觸發開始元件的編輯後事件