2017-04-10 4 views
0

검도 UI 각도 2 라이브러리의 kendo-grid을 사용 중입니다. 나는 날짜 필터를 설정할 수 있습니다 여부와 방법을 알고 싶습니다 - filter 속성 아래에 booleannumeric 값에 상응 :검도 UI의 날짜 필터 각도 2 격자

<kendo-grid-column field="UnitPrice" filter="numeric"> 
</kendo-grid-column> 
<kendo-grid-column field="Discontinued" filter="boolean"> 
</kendo-grid-column> 

많은 감사합니다. Telerik에서 2017년 4월 11일

의 같은

업데이트 :

"현재이 내장되지 않은 날짜 필터, 필터 행 기능이되었을 때 DateInput 구성 요소가 준비가되어 있지 않았다으로 다음 릴리스 중 일부에서 이러한 필터를 추가 할 것이라고 말했습니다. "

+0

표시 필드에 날짜 파이프를 적용 하시겠습니까? – mast3rd3mon

+0

안녕하세요. 아니요, 필자가 필사적으로 걸러 낼 수있는 능력입니다. 감사. – Matt

+1

Matt, Date 값은 JSON 응답의 문자열입니다. 그리드는 문자열을 날짜로 구문 분석 할시기를 알지 못하기 때문에 (이 특정 필드가 날짜 여야한다는 구성 요소에 알리는 메타 데이터가 없음), ** 날짜 문자열을 Date 객체로 변환해야합니다. 그리드 먹이기. 오후 8시 30 분 P.S. 문자열, 숫자 및 불린 만이 JSON의 유형이므로 즉시 사용할 수 있습니다. –

답변

1

내 지식에 따라 Kendo UI는 angular-2에서 날짜 필터를 지원하지 않으므로 사용자 정의 필터를 사용해야합니다.

열 유형으로 사용자 정의 필터를 만들고 그에 따라 HTML5 입력 유형을 설정하십시오.

날짜 값에 대한 일반 문자열 필터의 경우 열에 필터 유형을 지정하지 마십시오.

<kendo-grid-column field="DateField"> 
</kendo-grid-column> 
+0

안녕 Sandip. 예, 소스 코드를 살펴 봤는데 문자열, 부울 및 숫자 만 지원됩니다 ( – Matt

+0

) type = "date"에 대한 내장 지원이 있습니다 : http : // /www.telerik.com/kendo-angular-ui/components/grid/filtering/filtering/#toc-filtering-basics – topalkata

1

kendo-grid에서 아래 구문으로 날짜를 필터링 할 수 있습니다. 이 쇼가 일정 애니메이션으로 필터링 자세한위한

<kendo-grid-column field="Bill-Date" title="Sales Date" filter="date"> </kendo-grid-column>

이러한

이다. 브라우저/애니메이션 파일을 모듈에 추가하십시오.

관련 문제