<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Date Range Slider in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/2097559#M89888</link>
    <description>&lt;P&gt;I realize this is several years old, but I have successfully done it.&lt;/P&gt;
&lt;P&gt;0: Have a table that contains a date, date-time, etc., recognizable as a date or date-time within Qlik.&amp;nbsp; Here is a table I am using:&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="a table with a date-time column" style="width: 320px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113025iC650E0C2E72735E4/image-size/medium?v=v2&amp;amp;px=400" role="button" title="screenshot1.jpg" alt="a table with a date-time column" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;a table with a date-time column&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;1: Insert the Vizlib Slider&lt;/P&gt;
&lt;P&gt;2: Create a variable, I called mine "slider_time"&lt;/P&gt;
&lt;P&gt;3: Within the properties of the slider, set the Min and Max of the slider based on the date-time column in your table:&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="VizLib Slider properties" style="width: 251px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113027i2D8CE07350E47A03/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot2.jpg" alt="VizLib Slider properties" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;VizLib Slider properties&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;Since I want the slider to be able to select as fine as one hour, I wrote my Min/Max functions as:&lt;/P&gt;
&lt;P&gt;=round(Min(game_time), 1/24)&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;=round(Max(game_time), 1/24)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;The Slider will now display the date-time as a floating point number. It is of the format "days passed since December 31, 1899". So don't be surprised when it is in the 45,000 range. I HAVE NOT FIGURED OUT HOW TO FORMAT THIS CORRECTLY YET.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;It still works though.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;4) In my table, I want it to only show actions that have happened by the date on the slider. To do this, within the properties for the table, go to Columns, and write something like this in the Field expression:&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;=if($(slider_time) - [game_time] &amp;gt;= 0, game_time)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;(Make sure you use the $ so it updates whenever the slider position changes)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;Now the table will filter based on the Vizlib slider:&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Slider near the left (Min)" style="width: 372px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113028i3F2937FE45FABC52/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot3.jpg" alt="Slider near the left (Min)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Slider near the left (Min)&lt;/span&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Slider advanced" style="width: 381px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113029i271EBB58FF25BB17/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot4.jpg" alt="Slider advanced" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Slider advanced&lt;/span&gt;&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;Hope that is helpful for others in the future looking to solve this.&lt;/SPAN&gt;&lt;/P&gt;</description>
    <pubDate>Wed, 26 Jul 2023 17:03:22 GMT</pubDate>
    <dc:creator>daturpin</dc:creator>
    <dc:date>2023-07-26T17:03:22Z</dc:date>
    <item>
      <title>Date Range Slider</title>
      <link>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/1767696#M59383</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;Has anyone successfully create a date range slider in Qlik Sense? I have a table in the sheet but want to use a date range slider for filtering the data. I have searched all over the internet and could not find a good solution. I have Vizlib in Qlik sense but the slider was not meant for Date. Maybe I just don't know how to use it. Any suggestions or ideas are greatly appreciated. Thanks in advance!&lt;/P&gt;&lt;P&gt;David&lt;/P&gt;</description>
      <pubDate>Sat, 16 Nov 2024 17:43:11 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/1767696#M59383</guid>
      <dc:creator>davidlu</dc:creator>
      <dc:date>2024-11-16T17:43:11Z</dc:date>
    </item>
    <item>
      <title>Re: Date Range Slider</title>
      <link>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/1767797#M59387</link>
      <description>&lt;P&gt;&lt;A href="https://help.qlik.com/en-US/sense/November2020/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/date-range-picker.htm" target="_blank"&gt;https://help.qlik.com/en-US/sense/November2020/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/date-range-picker.htm&lt;/A&gt;&lt;/P&gt;&lt;P&gt;You can try using a distribution graph as a slider as well&lt;/P&gt;&lt;P&gt;&lt;A href="https://community.qlik.com/t5/New-to-Qlik-Sense/Range-Slider-filter-in-QlikSense/td-p/1587930" target="_blank"&gt;https://community.qlik.com/t5/New-to-Qlik-Sense/Range-Slider-filter-in-QlikSense/td-p/1587930&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 11 Dec 2020 06:29:57 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/1767797#M59387</guid>
      <dc:creator>pradosh_thakur</dc:creator>
      <dc:date>2020-12-11T06:29:57Z</dc:date>
    </item>
    <item>
      <title>Re: Date Range Slider</title>
      <link>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/2097559#M89888</link>
      <description>&lt;P&gt;I realize this is several years old, but I have successfully done it.&lt;/P&gt;
&lt;P&gt;0: Have a table that contains a date, date-time, etc., recognizable as a date or date-time within Qlik.&amp;nbsp; Here is a table I am using:&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="a table with a date-time column" style="width: 320px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113025iC650E0C2E72735E4/image-size/medium?v=v2&amp;amp;px=400" role="button" title="screenshot1.jpg" alt="a table with a date-time column" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;a table with a date-time column&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;1: Insert the Vizlib Slider&lt;/P&gt;
&lt;P&gt;2: Create a variable, I called mine "slider_time"&lt;/P&gt;
&lt;P&gt;3: Within the properties of the slider, set the Min and Max of the slider based on the date-time column in your table:&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="VizLib Slider properties" style="width: 251px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113027i2D8CE07350E47A03/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot2.jpg" alt="VizLib Slider properties" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;VizLib Slider properties&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;Since I want the slider to be able to select as fine as one hour, I wrote my Min/Max functions as:&lt;/P&gt;
&lt;P&gt;=round(Min(game_time), 1/24)&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;=round(Max(game_time), 1/24)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;The Slider will now display the date-time as a floating point number. It is of the format "days passed since December 31, 1899". So don't be surprised when it is in the 45,000 range. I HAVE NOT FIGURED OUT HOW TO FORMAT THIS CORRECTLY YET.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;It still works though.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;4) In my table, I want it to only show actions that have happened by the date on the slider. To do this, within the properties for the table, go to Columns, and write something like this in the Field expression:&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;=if($(slider_time) - [game_time] &amp;gt;= 0, game_time)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;(Make sure you use the $ so it updates whenever the slider position changes)&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;Now the table will filter based on the Vizlib slider:&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Slider near the left (Min)" style="width: 372px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113028i3F2937FE45FABC52/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot3.jpg" alt="Slider near the left (Min)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Slider near the left (Min)&lt;/span&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Slider advanced" style="width: 381px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/113029i271EBB58FF25BB17/image-size/large?v=v2&amp;amp;px=999" role="button" title="screenshot4.jpg" alt="Slider advanced" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Slider advanced&lt;/span&gt;&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;Hope that is helpful for others in the future looking to solve this.&lt;/SPAN&gt;&lt;/P&gt;</description>
      <pubDate>Wed, 26 Jul 2023 17:03:22 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Date-Range-Slider/m-p/2097559#M89888</guid>
      <dc:creator>daturpin</dc:creator>
      <dc:date>2023-07-26T17:03:22Z</dc:date>
    </item>
  </channel>
</rss>

