Grafana 文本面板中的当前时间范围答案

【问题标题】：Present Time Range in Grafana's Text PanelGrafana 文本面板中的当前时间范围
【发布时间】：2019-01-07 10:38:02
【问题描述】：

有没有办法在 Grafana 的文本面板中显示 timeRange.from 和 timeRange.to 或者可能在另一个面板中？我尝试了降价模式的文本面板：

# Time From: $__interval

使用不同的变量，但没有人起作用。如果我在设置中定义了一个变量，它也没有。间隔或时间戳未显示。

我目前正在研究 HTML 解决方案，但想知道是否有更简单/正确的方式来呈现时间范围？

【问题讨论】：

标签： grafana

【解决方案1】：

我的 HTML 解决方案，以防有人遇到同样的问题

（从 maxreb 的解决方案中获得主要部分来自：https://github.com/grafana/grafana/issues/1909）：

<script type="text/javascript">
  refreshTimeFrom();
  refreshTimeTo();
  angular.element('grafana-app').injector().get('timeSrv').$rootScope.$on('refresh', function(event, data) { refreshTimeFrom(); });


  function refreshTimeFrom( )
  {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
    var ts = new Date(angular.element('grafana-app').injector().get('timeSrv').timeRange().from);
    document.getElementById("timeFrom").innerHTML = days[ts.getUTCDay() ] + " " 
                                                  + ts.getUTCDate() + "." + (ts.getUTCMonth()+1) + "." 
                                                  + ts.getUTCFullYear() + " " + ts.getUTCHours() + ":" 
                                                  + ts.getUTCMinutes() + ":" + ts.getUTCSeconds();
  }

  function refreshTimeTo( )
  {
    var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
    var ts = new Date(angular.element('grafana-app').injector().get('timeSrv').timeRange().to);
    document.getElementById("timeTo").innerHTML = days[ts.getUTCDay() ] + " " 
                                                  + ts.getUTCDate() + "." + (ts.getUTCMonth()+1) + "." 
                                                  + ts.getUTCFullYear() + " " + ts.getUTCHours() + ":" 
                                                  + ts.getUTCMinutes() + ":" + ts.getUTCSeconds();
  }  
</script>

<font size = "3"><b> From:</b>  <span id="timeFrom" /></br></font>
<font size = "3"><b> To: </b> <span id="timeTo" /> </font>

【讨论】：