2017-12-20 66 views
1

저는 Angular 4 앱에서 ag-grid를 사용하여 테이블을 표시합니다. 날짜 열에서 설명서와 같이 기본 날짜 필터 agDateColumnFilter을 사용합니다. 필터 입력에 표시된 자리 표시자는 항상 mm/dd/yyyy입니다. dd/mm/yyyy으로 변경할 수 있습니까?ag-grid 날짜 필터 표시 수정

답변

1

우리는

{headerName: "Updated at", field: "updated_at", hide: true, cellFormatter: function(data) { 
    return moment(data.value).format('L'); 
}} 

나는 현재 같은 문제가 자세한 내용

+0

참조 해 주셔서 감사합니다. 원하는 모든 데이터 행을 형식화 할 수 있었지만 필터 입력은 여전히 ​​문제가됩니다. 'dd/mm/yyyy' 형식으로 데이터 행을 필터링하려면'mm/dd/yyyy'를 입력해야합니다. 필터 입력의 자리 표시자는 기본값으로'mm/dd/yyyy'입니다. –

0

에 대한 this를 참조하십시오 순간이 작업을 수행 할 수 있습니다.

ag-grid는 날짜 필터에 input type="date"을 사용하기 때문에 여기에 언급 된 제한 사항 인 ->https://stackoverflow.com/a/9519493/885338 이 있습니다. 디스플레이 형식을 편집 할 수 없게 만드는 끔찍한 결정으로 이어지는 것이 무엇인지 궁금 할뿐입니다.

브라우저의 언어를 변경하여 확인할 수 있습니다. 여기에 설명 된대로

나는 현재 볼 수있는 유일한 솔루션은 사용자 정의 필터를 구현하는 것입니다 ->http://www.ag-grid.com/javascript-grid-date-component/

당신이 팝업 달력 였을는 AG-그리드의 CSS 바이올린해야 할 수도 있음을 알고 싶은 경우에, 특히 일부 overflow 속성 (예 : ag-root 클래스)과 나는 이것이 ag-grid에 어떤 영향을 미치는지 모른다.