# Perspective: Datetime range for all items on page?

**URL:** <https://forum.inductiveautomation.com/t/perspective-datetime-range-for-all-items-on-page/30177>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 22, 2019, 3:02pm UTC](https://forum.inductiveautomation.com/t/perspective-datetime-range-for-all-items-on-page/30177 "2019-11-22T15:02:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mason.Younger](https://avatars.discourse-cdn.com/v4/letter/m/50afbb/32.png) [@Mason.Younger](https://forum.inductiveautomation.com/u/Mason.Younger)\
**Post date:** [November 22, 2019, 3:02pm UTC](https://forum.inductiveautomation.com/t/perspective-datetime-range-for-all-items-on-page/30177/1 "2019-11-22T15:02:44Z")

</div>

I need help with setting up a view to have two “DateTime Picker” inputs(Start date and End date).

I can set the value to todays date and today - 1. This way the page defaults to showing the last days worth of data. I would like the end user to be able to change these to their specific time frame. When I assign a tag to the datetime picker it always stays current with the datetime not allowing it be updated. I only want to to pull the datetime value at “Page load” so to speak.

The second part I need help with is binding startdate and enddate to all the elements on the page as parameters for the select statements for the SQL query and time Series charts for the tag history.

Any pointers or examples would be great.

Again, thank you for any help.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [November 22, 2019, 3:29pm UTC](https://forum.inductiveautomation.com/t/perspective-datetime-range-for-all-items-on-page/30177/2 "2019-11-22T15:29:16Z")

</div>

> [@Mason.Younger](#):
>
> I only want to to pull the datetime value at “Page load”

Then you should use the View onStartup Event to set the value. Select your View node (not the root node), then right-click the View node and select "Configure Events". Select "onStartup", and set the initial values in this Event.

> [@Mason.Younger](#):
>
> The second part I need help with is binding startdate and enddate to all the elements on the page as parameters for the select statements for the SQL query and time Series charts for the tag history.

There's no "quick" solution here. Any component you place will require you to configure the necessary binding. If you have deeply nested components, you _could_ set up a custom property on some easy to find node (like the root node) and bind this property to your DateTime Inputs, then bind your other components to the root node custom property, but unless your View has loads of components I wouldn't think this would help very much.

---

<div class="post-metadata">

**Author:** ![Mason.Younger](https://avatars.discourse-cdn.com/v4/letter/m/50afbb/32.png) [@Mason.Younger](https://forum.inductiveautomation.com/u/Mason.Younger)\
**Post date:** [November 26, 2019, 6:26pm UTC](https://forum.inductiveautomation.com/t/perspective-datetime-range-for-all-items-on-page/30177/3 "2019-11-26T18:26:40Z")

</div>

Is there a place where I can download the demo project? Specifically the History charts? Located here: [https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/feature/history/charts](https://onlinedemo.inductiveautomation.com/data/perspective/client/OnlineDemo/feature/history/charts)

I learn better by example and would like to see how this page was made.

Thank you.