24 시간으로 변경하십시오. DateRangeFilter

Question

의 모드 I 구글 스크립트 시각화 대시 보드에 DateRangeFilter을 가지고,하지만 난 설정할 때 보여줍니다

17/12/23 오후 2시 31분 43초

대신

로

17/12/23 14시 31분 43초

내 curent 코드는 다음과 같습니다

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' : 같이 다음 문자열 값 월 (28), 2016 날짜를 포맷 지원됩니다 '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>