How to get time picker earliest and latest in epoch with JavaScript?

fredclown — Mon, 19 Dec 2022 16:09:04 GMT

I have a simple xml dashboard that I am doing some custom JavaScript with. I would like to get the earliest and latest from the time picker. However, if the time picker is set to today I am getting "@d" for the earliest and "now" for the latest. Are there any helper functions to convert relative time to epoch? You can see this in my simplified code example below.

... var defaultTokens = mvc.Components.get("default"); var earliest = defaultTokens.get('timePicker.earliest'); //when time picker is today this returns @d var latest = defaultTokens.get('timePicker.latest'); //when time picker is today this returns now ...

Re: How to get time picker earliest and latest in epoch with JavaScript?

kamlesh_vaghela — Fri, 24 Feb 2023 07:41:09 GMT

@fredclown

I think there is no simple way to get epoch values from the timerange picker but I have another calculated way.

You can execute the below search and get epoch time.

| makeresults | addinfo | table info_min_time info_max_time

There are two ways to execute this search.

from dashboard XML
from Javascript

Check the below link for the first way.

https://community.splunk.com/t5/Splunk-Search/Converting-relative-time-into-epoch-for-the-time-range-picker/m-p/374299

You will have the epoch time in the `tokEarliest` and `tokLatest` tokens. Just need to access it from Javascript.

Check the below solution for the second way.

require([ 'underscore', 'jquery', 'splunkjs/mvc', 'splunkjs/mvc/simplexml/ready!' ], function(_, $, mvc) { console.log("taskCollectionTable"); var earliestEpoch; var latestEpoch; var SearchManager = require("splunkjs/mvc/searchmanager"); // Create the search manager var mysearch = new SearchManager({ // id: "search1", app: "search", earliest_time: "$timePicker.earliest$", latest_time: "$timePicker.latest$", search: "| makeresults | addinfo | table info_min_time info_max_time" }, {tokens: true}); mysearch.on('search:done', function(properties) { var myResults = mysearch.data("results"); myResults.on("data", function () { resultArray = myResults.data().rows; earliestEpoch = resultArray[0][0]; latestEpoch = resultArray[0][0]; console.log("earliestEpoch", earliestEpoch); console.log("latestEpoch", latestEpoch); }); }); });

I hope this will help you.

Thanks
KV
If any of my replies help you to solve the problem Or gain knowledge, an upvote would be appreciated.

topic Re: How to get time picker earliest and latest in epoch with JavaScript? in Dashboards & Visualizations

How to get time picker earliest and latest in epoch with JavaScript?

Re: How to get time picker earliest and latest in epoch with JavaScript?