# 날짜/시간 선택기 ## Content 포커스설정의 날짜/시간 선택기를 이용하여 현대적인 UI 디자인을 모바일페이지에서 사용할 수 있습니다. 내장 DateCellType 및 TimeCellType과 비교하면 아래와 같은 이점과 제약사항이 있습니다. ### 이점 1. 현대적인 UI 디자인 2. 지원 접두사 아이콘 3. 지원 접미사 아이콘 4. 지우기 아이콘 지원 5. 결합된 DateCellType 및 TimeCellType ### 제약사항 1. 목록 보기에 셀 유형 추가를 지원하지 않음 2. 포커스를 받을 때 모든 텍스트 선택을 지원하지 않음 3. 스타일 템플릿을 지원하지 않음 4. Excel 형식을 지원하지 않음 ### 빌더화면 ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-2214.png) ### 실행화면 (런타임) ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-1019.png) ### 셀속성 ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-992.png) | 이름 | 설명 | | --- | --- | | 명령 편집 | 값이 변경될 때 실행할 명령 구성 | | 데이터 유효성 검사 | 셀의 구성 데이터 유효성 검사, 업데이트 명령 실행 또는 요청 서버 명령 실행 시에만 유효성 검사 | | UI 권한 | 현재 사용자의 역할에 따라 표시/편집 가능/활성화 권한 | | 기본값 | 기본값 | | 유형 선택 | 날짜 : yyyy MM dd
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-38-7.png?version=1&modificationDate=1648449487893&cacheVersion=1&api=v2)
년-월 : yyyy MM
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-38-58.png?version=1&modificationDate=1648449539153&cacheVersion=1&api=v2)
월-일 : MM dd
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-39-34.png?version=1&modificationDate=1648449574980&cacheVersion=1&api=v2)
날짜-시간 : yyyy MM dd HH
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-40-33.png?version=1&modificationDate=1648449633873&cacheVersion=1&api=v2)
날짜 시간 : yyyy MM dd HH mm
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-41-17.png?version=1&modificationDate=1648449677843&cacheVersion=1&api=v2)
시간 : HH mm
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-42-5.png?version=1&modificationDate=1648449725527&cacheVersion=1&api=v2) | | 최소 날짜 | 최소 날짜 | | 최대 날짜 | 최대 날짜 | | 최소 시간 | 유형 의 최소 시간time | | 최대 시간 | 유형 의 최대 시간time | | 최소 분 | 유형 의 최소 분time | | 최대 분 | 유형 의 최대 분time | | 자리 표시자 | 자리 표시자 | | 접두사 아이콘 | ![](https://grapecity.atlassian.net/wiki/download/thumbnails/2931197626/image2022-3-28_14-49-46.png?version=1&modificationDate=1648450186140&cacheVersion=1&api=v2&width=250&height=72) | | 접미사 아이콘 | ![](https://grapecity.atlassian.net/wiki/download/thumbnails/2931197626/image2022-3-28_14-50-12.png?version=1&modificationDate=1648450212700&cacheVersion=1&api=v2&width=252&height=58) | | 내부 테두리 표시 | ![](https://grapecity.atlassian.net/wiki/download/thumbnails/2931197626/image2022-3-28_14-51-39.png?version=1&modificationDate=1648450299533&cacheVersion=1&api=v2&width=300&height=70) | | 지우기 아이콘 활성화 | 접미사 지우기 아이콘 표시 여부 | | 읽기 전용 |
| | 비활성화 |
| | 팝업 구성 | 도구 모음 표시: 팝업에 상단 표시줄 표시 여부를 결정합니다.
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-54-11.png?version=1&modificationDate=1648450451710&cacheVersion=1&api=v2)
위쪽 제목
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-54-26.png?version=1&modificationDate=1648450466523&cacheVersion=1&api=v2)
확인 버튼 텍스트
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-54-50.png?version=1&modificationDate=1648450490847&cacheVersion=1&api=v2)
취소 버튼 텍스트
![](https://grapecity.atlassian.net/wiki/download/attachments/2931197626/image2022-3-28_14-55-6.png?version=1&modificationDate=1648450506737&cacheVersion=1&api=v2)
표시 가능한 항목 개수 : 보이는 열의 개수
항목 높이(픽셀): 항목 높이
살짝 밀기 기간 : 모멘텀 애니메이션의 지속 시간, 단위 ms | ### 관련 명령 빠른 생성 | 이름 | 설명 | | --- | --- | | 팝업 표시 | 날짜/시간 선택기 열기 |