다음을 통해 공유

Power Apps의 날짜 선택기 컨트롤

  • 아티클

사용자가 날짜를 지정하기 위해 선택할 수 있는 컨트롤입니다.

설명

텍스트 입력 컨트롤 대신 날짜 선택기 컨트롤을 추가하면 사용자가 올바른 형식으로 날짜를 지정하는 데 도움이 됩니다.

주요 속성

DefaultDate – 사용자가 변경하지 않을 경우 날짜 컨트롤 값의 초기 값입니다.

SelectedDate – 날짜 컨트롤에서 현재 선택한 날짜입니다. 이 날짜는 현지 시간으로 표시됩니다.

Format – 컨트롤이 날짜를 표시하고 사용자가 날짜를 지정하는 텍스트 형식입니다. 이 속성을 ShortDate(기본값) 또는 LongDate로 설정하여 이 컨트롤의 Language 속성에 따라 날짜 형식을 지정할 수 있습니다. 또한, 언어와 상관없이 동일한 형식을 원하는 경우 이 속성을 표현식(예: yyyy/mm/dd)으로 설정할 수도 있습니다. 예:

  • 이 컨트롤은 사용자가 2017의 마지막 날을 클릭하거나 누르고, Format 형식이 ShortDate로 설정되어 있고 Language 속성이 en-us로 설정되어 있는 경우 12/31/2017을 표시합니다.
  • 이 컨트롤은 사용자가 2017의 마지막 날을 클릭하거나 누르고, Format 속성이 LongDate로 설정되어 있고 Language 속성이 fr-fr로 설정되어 있는 경우 dimanche 31 decembre 2017을 표시합니다.

Language – 월 이름을 포함하여 날짜 형식을 지정하는 데 사용하는 언어를 결정합니다. 이 속성이 지정되지 않은 경우 사용자의 디바이스 설정이 언어를 결정합니다. 지원되는 값은 "EN-us" 및 "FR"입니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다.

BorderColor – 컨트롤의 테두리 색입니다.

BorderStyle – 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.

BorderThickness – 컨트롤의 테두리 굵기입니다.

Color – 컨트롤의 텍스트 색입니다.

DateTimeZone – UTC 또는 사용자의 현지시각에서 날짜를 표시할지 여부입니다.

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.

DisabledColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.

DisabledFill – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 배경색입니다.

EndYear – 사용자가 날짜 선택기 컨트롤의 값을 설정할 수 있는 가장 최근 연도입니다.

Fill – 컨트롤의 배경색입니다.

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.

Font – 텍스트가 표시되는 글꼴의 제품군 이름입니다.

FontWeight - 컨트롤의 텍스트 굵기입니다. Bold, Semibold, Normal 또는 Lighter입니다.

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.

IconFill – 날짜 선택기 아이콘의 전경색입니다.

IconBackground – 날짜 선택기 아이콘의 배경색입니다.

InputTextPlaceholder – 날짜를 입력하지 않은 경우 표시되는 설명 텍스트입니다.

IsEditable – 날짜 선택기 텍스트 편집 여부입니다. False인 경우 일정을 사용해야만 날짜를 변경할 수 있습니다.

Italic - 컨트롤의 텍스트를 기울임꼴로 설정할지 여부를 선택합니다.

OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.

OnChange – 사용자가 컨트롤 값을 변경할 때 수행할 작업입니다.

OnChange 및 OnSelect의 차이: 사용자가 변화를 일으키는 클릭을 할 경우 동일한 사용자 작업에서 OnSelect 및 OnChange 트리거됩니다. 이 경우 OnChange 보다 OnSelect가 먼저 트리거됩니다.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 하단 가장자리 사이의 거리입니다.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 상단 가장자리 사이의 거리입니다.

Reset - 날짜 선택기 컨트롤을 DefaultDate 값으로 재설정해야 하는지 여부입니다.

Size – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.

StartOfWeek – 날짜 선택기 컨트롤의 첫 번째 날 열에 표시할 요일입니다.

StartYear – 사용자가 날짜 선택기 컨트롤의 값을 설정할 수 있는 가장 이른 연도입니다.

TabIndex – 다른 컨트롤에 관련된 키보드 탐색 순서입니다.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.

X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우는 화면)의 왼쪽 가장자리 사이의 거리입니다.

Y – 컨트롤의 상단 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우는 화면)의 상단 가장자리 사이의 거리입니다.

Year( DateTimeValue )

예제

기본 날짜 선택기

  1. 날짜 선택기 컨트롤을 추가하고 이름을 'Deadline'으로 지정합니다.

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?

  2. 레이블 컨트롤을 추가하고, Text 속성을 다음 수식으로 설정합니다.

     DateDiff(Today(), Deadline.SelectedDate) & " days to go!"

    DateDiff 함수 또는 다른 함수에 대해 더 알고 싶으신가요?

  3. F5 키를 누르고 마감일에서 날짜를 선택한 다음 확인을 선택합니다.

    레이블 컨트롤은 오늘과 사용자가 선택한 날짜 사이의 일수를 보여줍니다.

  4. 기본 작업 영역으로 돌아가려면, Esc를 누릅니다.

날짜 선택기를 기본 날짜로 재설정

  1. 날짜 선택기 컨트롤을 추가하고 이름을 'DateTimeReset'으로 지정합니다.

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?

  2. 버튼 컨트롤을 추가하고, OnChange 속성을 다음 수식으로 설정합니다.

    Reset(DateTimeReset)

  3. F5 키를 누르고 DateTimeReset에서 새 날짜를 선택한 다음 확인을 선택합니다.

  4. 단추를 누릅니다. 날짜가 DefaultDate(오늘)로 재설정됩니다.

  5. 기본 작업 영역으로 돌아가려면, Esc를 누릅니다.

접근성 지침

색 대비

스크린 리더 지원

  • AccessibleLabel 이 있어야 합니다.
  • IsEditable이 참이고 Format이 사용자가 기대하는 것과 다른 경우 레이블 을 추가하여 허용되는 날짜 형식을 설명합니다.

키보드 지원

  • 키보드 사용자가 탐색할 수 있도록 TabIndex 가 0 이상이어야 합니다.
  • 포커스 표시기가 명확하게 표시되어야 합니다. FocusedBorderColor 및 FocusedBorderThickness 를 사용하여 이를 달성합니다.

팁

일정이 열리면 Page up 및 Page down를 눌러 월을 이동할 수 있고 Shift+Page up 및 Shift+Page Down으로 년을 이동합니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).