PowerApps의 날짜 선택기 컨트롤Date Picker control in PowerApps

사용자가 날짜를 지정하기 위해 클릭 또는 탭할 수 있는 컨트롤입니다.A control that the user can click or tap to specify a date.

설명Description

텍스트 입력 컨트롤 대신 날짜 선택기 컨트롤을 추가하면 사용자가 올바른 형식으로 날짜를 지정하는 데 도움이 됩니다.If you add a Date Picker control instead of a Text input control, you help ensure that the user specifies a date in the correct format.

주요 속성Key properties

DefaultDate – 사용자가 변경하지 않을 경우 날짜 컨트롤 값의 초기 값입니다.DefaultDate – The initial value of a date control unless the user changes it.

SelectedDate -날짜 컨트롤에서 현재 선택한 날짜입니다.SelectedDate – The date currently selected in a date control.

Format - 컨트롤이 날짜를 표시하고 사용자가 날짜를 지정하는 텍스트 형식입니다.Format – The text format in which the control shows the date and the user specifies the date. 이 속성을 ShortDate(기본값) 또는 LongDate로 설정하여 이 컨트롤의 날짜 속성에 따라 날짜 형식을 지정할 수 있습니다.You can set this property to ShortDate (default) or LongDate to format dates based on the Language property of this control. 또한, 언어와 상관없이 동일한 형식을 원하는 경우 이 속성을 표현식(예: yyyy/mm/dd)으로 설정할 수도 있습니다.You can also set this property to an expression, such as yyyy/mm/dd if you want the same format regardless of language. 예:For example:

  • 이 컨트롤은 사용자가 2017의 마지막 날을 클릭하거나 누르고, Format 형식이 ShortDate로 설정되어 있고 Language 속성이 en-us로 설정되어 있는 경우 12/31/2017을 표시합니다.The control shows 12/31/2017 if the user clicks or taps the last day of 2017, the Format property is set to ShortDate, and the Language property is set to en-us.
  • 이 컨트롤은 사용자가 2017의 마지막 날을 클릭하거나 누르고, Format 형식이 LongDate로 설정되어 있고 Language 속성이 fr-fr로 설정되어 있는 경우 dimanche 31 decembre 2017을 표시합니다.The control shows dimanche 31 decembre 2017 if the user clicks or taps the last day of 2017, the Format property is set to LongDate, and the Language property is set to fr-fr.

Language – 월 이름을 포함하여 날짜 형식을 지정하는 데 사용하는 언어를 결정합니다.Language – Determines the language used to format dates, including names of months. 이 속성이 지정되지 않은 경우 사용자의 디바이스 설정이 언어를 결정합니다.If this property isn't specified, the user's device setting determines the language.

추가 속성Additional properties

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

BorderColor - 컨트롤의 테두리 색입니다.BorderColor – The color of a control's border.

BorderStyle - 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness - 컨트롤의 테두리 굵기입니다.BorderThickness – The thickness of a control's border.

Color – 컨트롤의 텍스트 색입니다.Color – The color of text in a control.

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 배경색입니다.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

EndYear – 사용자가 날짜 선택기 컨트롤의 값을 설정할 수 있는 가장 늦은 연도입니다.EndYear – The latest year to which the user can set value of a date-picker control.

Fill - 컨트롤의 배경색입니다.Fill – The background color of a control.

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.FocusedBorderColor – The color of a control's border when the control is focused.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.FocusedBorderThickness – The thickness of a control's border when the control is focused.

Font – 텍스트가 표시되는 글꼴의 제품군 이름입니다.Font – The name of the family of fonts in which text appears.

FontWeight – 컨트롤의 텍스트의 가중치: 굵게, Semibold, 정상, 또는 밝은.FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.Height – The distance between a control's top and bottom edges.

IconFill – 날짜 선택기 아이콘의 전경색입니다.IconFill – The foreground color of a the date picker icon.

IconBackground – 날짜 선택기 아이콘의 배경색입니다.IconBackground – The background color of a the date picker icon.

Italic - 컨트롤의 텍스트를 기울임꼴로 설정할지 여부를 선택합니다.Italic – Whether the text in a control is italic.

OnSelect – 사용자가 앱을 클릭하거나 탭할 때 앱이 응답하는 방법입니다.OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 아래쪽 가장자리 사이의 거리입니다.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 위쪽 가장자리 사이의 거리입니다.PaddingTop – The distance between text in a control and the top edge of that control.

Size -컨트롤에 표시되는 텍스트의 글꼴 크기입니다.Size – The font size of the text that appears on a control.

StartYear – 사용자가 날짜 선택기 컨트롤의 값을 설정할 수 있는 가장 이른 연도입니다.StartYear – The earliest year to which the user can set the value of a date-picker control.

TabIndex – 다른 컨트롤에 관련된 키보드 탐색 순서입니다.TabIndex – Keyboard navigation order in relation to other controls.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.Visible – Whether a control appears or is hidden.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.Width – The distance between a control's left and right edges.

X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 왼쪽 가장자리 사이의 거리입니다.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – 컨트롤의 위쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 위쪽 가장자리 사이의 거리입니다.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Year( DateTimeValue )Year( DateTimeValue )

Example

  1. 날짜 선택기 컨트롤을 추가하고 이름을 Deadline으로 지정합니다.Add a Date Picker control, and name it Deadline.

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?Don't know how to add, name, and configure a control?

  2. 레이블 컨트롤을 추가하고, Text 속성을 다음 수식으로 설정합니다.Add a Label control, and set its Text property to this formula:
    DateDiff(Today(), Deadline.SelectedDate) & " 남은 일수!"DateDiff(Today(), Deadline.SelectedDate) & " days to go!"

    DateDiff 함수 또는 다른 함수에 대해 더 알고 싶으신가요?Want more information about the DateDiff function or other functions?

  3. F5 키를 누르고 마감일에서 날짜를 선택한 다음, 확인을 클릭하거나 탭합니다.Press F5, choose a date in Deadline, and then click or tap OK.

    레이블 컨트롤은 오늘과 사용자가 선택한 날짜 사이의 일수를 보여줍니다.The Label control shows the number of days between today and the date that you chose.

  4. 기본 작업 영역으로 돌아가려면 Esc 키를 누릅니다.To return to the default workspace, press Esc.

접근성 지침Accessibility guidelines

색 대비Color contrast

화면 판독기 지원Screen reader support

키보드 지원Keyboard support

달력 열릴 때 키를 눌러 페이지 위로페이지 아래로 개월 간의 이동 하 고 Shift + Page upShift + Page down 를 연도 간 이동 합니다.When the calendar is open, press Page up and Page down to navigate between months and Shift+Page up and Shift+Page down to navigate between years.