改为24小时。 DateRangeFilter的模式

Question

我在Google Script Visualization Dashboard中有一个DateRangeFilter，但是当我设置它时显示为

17/12/23 02:31:43 PM

代替

17/12/23 14:31:43

我目前的代码是：

    var timestamp = new google.visualization.ControlWrapper({
    controlType: 'DateRangeFilter',
    containerId: 'timestamp_div',
    options: {
         filterColumnIndex: 0,
         ui:{ step: 'second'}
    }
});

如何将其改为24小时。模式？提前致谢。

Answer 1

你可以使用ui.format选项......

它应该是一个对象，具有以下属性......

formatType - 日期的快速格式化选项。支持以下字符串值，重新格式化2016年2月28日的日期，如下所示： 'short' - 短格式：例如，“2/28/16” 'medium' - 中等格式：例如，“2016年2月28日” 'long' - 长格式：例如，“2016年2月28日”

pattern - 应用于值的自定义格式模式，类似于ICU日期和时间格式。您不能同时指定formatType和pattern。

timeZone - 显示日期值的时区。这是一个数值，表示GMT +此时区数（可以是负数）。

在这里使用pattern财产......

      ui: {
        format: {
          pattern: 'MM/dd/yyyy HH:mm:ss'
        },
        step: 'second'
      }

要获得24小时格式化，请使用大写字母H代表小时段 - > HH （小写将提供12小时格式化）

请参阅以下工作代码段...

google.charts.load('current', {
  packages: ['controls']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addRows([
    [new Date(2017, 11, 28, 14, 31, 43)],
    [new Date(2017, 11, 29, 15, 32, 44)],
    [new Date(2017, 11, 30, 16, 33, 45)],
    [new Date(2017, 11, 31, 17, 34, 46)],
    [new Date(2018, 0, 1, 18, 35, 47)],
    [new Date(2018, 0, 2, 19, 36, 48)]
  ]);

  var timestamp = new google.visualization.ControlWrapper({
    controlType: 'DateRangeFilter',
    containerId: 'timestamp_div',
    dataTable: data,
    options: {
      filterColumnIndex: 0,
      ui: {
        format: {
          pattern: 'MM/dd/yyyy HH:mm:ss'
        },
        step: 'second'
      }
    }
  });
  timestamp.draw();
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="timestamp_div"></div>