24時間に変更します。 DateRangeFilter

Question

のモードIは、Googleのスクリプト可視化ダッシュボードでDateRangeFilterを持っていますが、私は設定したときにそれが示し

17/12/23 2時31分43秒PM

代わりの

として

17/12/23 14時31分四十三秒

私の海流のコードは次のとおりです。

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

どのように24時間に変更できますか。モード？前もって感謝します。あなたがui.formatオプションを使用することができます

Answer 1

...

オブジェクトである必要があり、次の性質を持つ...

formatType - 日付のクイックフォーマットオプション。例えば、 "2/28/16"
'medium' - ミディアムフォーマット：例えば、 "2016年2月28日"
- ショート形式
'short'：示すように、次の文字列値は、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' 
     } 

は時間のセグメントには、大文字のHさんを使用し、24時間のフォーマットを取得する - >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>

012を参照してください