Translate

2017년 9월 28일 목요일

[Angular 2+] Angular 2+ 사용가능한 DateTimePicker 컴포넌트





Angular 4 에서 사용할만한 DateTimePicker 를 찾아봤는데 몇개 없다.
(DatePicker / TimePicker 는 정말 많이 있지만 괜찮은 DateTimePicker는 정말 찾기 힘들었다.)


그나마 좀 찾아본걸 리뷰 해본다.


1. ng-pick-datetime
  - 링크: https://danielykpan.github.io/date-time-picker/ (Demo 링크 동일)
1004lucifer
  - 찾아본 DateTimePicker 중에 가장 마음에 들며 디자인이나 기능도 무난하다.



PS.
위의 모듈을 아래의 글과 같이 적용했다.
http://1004lucifer.blogspot.kr/2017/09/angulardatetimepicker-angular-4-ng-pick.html





2. ng2-eonasdan-datetimepicker
  - 링크: https://github.com/atais/ng2-eonasdan-datetimepicker (Demo 링크)
1004lucifer
  - 처음엔 사용방법이 마음에 안들었었는데 지금에서야 다시보니 나쁘지 않은것 같기도..






3. ng2-datetime-picker
  - 링크: https://github.com/ng2-ui/datetime-picker  (Demo 링크)
1004lucifer
  - 사용성에 심각한 문제가 있다.
    날짜/시간/분 을 클릭하면 바로 팝업이 닫히며 시각이 입력된다.
    보통 날짜=>시간=>분 입력을 할텐데.. 암튼 사용해보면 안다.






PS.
https://ng-bootstrap.github.io 의 Component 중 pagination 을 사용하는데..
여기에 DateTimePicker 컴포넌트도 같이 있으면 좋았으려만..
DatePicker / TimePicker 이렇게 컴포넌트가 나뉘어져 있어 결국 다른 컴포넌트를 사용할 수 밖에 없었다.
다른 괜찮다 싶은 DateTimePicker 컴포넌트를 발견하니 AngularJS(1.x) 사용가능한 모듈이었다.


댓글 없음 :

댓글 쓰기