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' - 简短格式：例如，＆＃34; 2/28/16＆＃34;
  'medium' - 中等格式：例如，＆＃34; 2016年2月28日＆＃34;
  'long' - 长格式：例如，＆＃34; 2016年2月28日＆＃34;

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

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

此处使用pattern属性...

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

要获得24小时格式化，请使用小写段的大写字母H＆gt; - ＆gt; HH
（小写将提供12小时格式化）

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

＆＃13;

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();
});

＆＃13;

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

＆＃13;

改为24小时。 DateRangeFilter的模式

1 个答案: