날짜와 시간 필드는 세그먼트별로 입력합니다. 일, 월, 연도는 로케일의 순서를 따르고, 이어지는 시와 분은 로케일의 12시간제 또는 24시간제를 따릅니다. 각 세그먼트는 스핀 버튼이어서, 숫자를 입력하면 알아서 다음 세그먼트로 넘어가고 화살표 키로 값을 올리거나 내릴 수도 있습니다. 날짜 전체를 붙여 넣으면 모든 세그먼트가 채워집니다.
선택기는 팝오버 캘린더를 더해 날짜 하나, 또는 프리셋이 있는 기간을 고를 수 있게 합니다. 값은 2026-09-25나 2026-09-25T09:30 같은 단순한 ISO 문자열이며, 모든 필드가 Signal Forms, 반응형 폼, ngModel과 함께 동작합니다.
이 사이트의 예제는 페이지의 언어를 따릅니다. 언어를 바꾸면 순서, 구분 기호, 숫자가 바뀌는 것을 볼 수 있습니다.
날짜와 시간 필드
숫자를 입력하거나 화살표 키를 사용합니다. Backspace를 한 번 더 누르면 이전 세그먼트로 돌아갑니다. minuteStep은 화살표 키로 분을 얼마나 움직일지 정합니다.
Birthday: not set · Alarm: 07:30
날짜 선택기
버튼을 누르면 선택된 날짜가 보이는 캘린더가 열리고, 날짜를 고르면 닫힙니다. granularity="minute"을 지정하면 시간도 입력할 수 있으며, 캘린더는 날짜만 바꿉니다.
Departure: not set · Meeting: 2026-09-26T09:30
기간
필드 두 개와 두 달짜리 캘린더입니다. nuiDateRangePresets()는 자주 쓰는 기간을 추가하며, 양 끝이 순서대로 설정될 때까지 값은 null입니다.
Type both dates, pick them in the calendar, or choose a preset.