Date range using "Date Field" from basic component

Question

Hello Everyone,
I have been trying to create date range option available on the dashboard based on 2 Date Filed component.
Backend for this Dashboard is BW with using BEx query. I have a info object (Z_Date)
Now I want to have 2 date box using Date Field component 1. Start Date 2. End Date.
I have tried following
1. Start Date - on Select
DS_1.setFilter("Z_Date", {"low":StartDate.getDate()});
2. End Date - on Select
DS_1.setFilter("Z_Date", {"High":EndDate.getDate()});
both the scripts do not have any problem but it doest work as it is suppose to be.
I have also tried based on following How to write script for DATE Range
But no luck so far.
Please share if any one have achieved date range working as mentioned.
Thanks,
Rajan

Answer 1

Hi,
Set Default Date in Both Date Prompts initially .
1. Start Date - on Select
var startDate = StartDate.getDate();
var endDate = EndDate.getDate();
var varRange = startDate + " - " + endDate;
DS_1.setFilterExt("Z_SDPCD", varRange);
2. End Date - on Select 
var startDate = StartDate.getDate();
var endDate = EndDate.getDate();
var varRange = startDate + " - " + endDate;
DS_1.setFilterExt("Z_SDPCD", varRange);
Or
Select Dates First Then Provide a Button (Done) .
And write code On Click Event of that Button
var startDate = StartDate.getDate();
var endDate = EndDate.getDate();
var varRange = startDate + " - " + endDate;
DS_1.setFilterExt("Z_SDPCD", varRange);