datepicker_yearformat.md

-api-id	-api-type
P:Windows.UI.Xaml.Controls.DatePicker.YearFormat	winrt property

Windows.UI.Xaml.Controls.DatePicker.YearFormat

-description

Gets or sets the display format for the year value.

-xaml-syntax

<DatePicker YearFormat="formatString"/>

-xaml-values

formatString

formatStringThe string format to use to display the year. See Remarks.

## -property-value The display format for the year value.

-remarks

Change the format of the year picker by setting the YearFormat property.

The string content of each ComboBox in the DatePicker is created by a DateTimeFormatter. You inform the DateTimeFormatter how to format the year value by providing a string that is either a format template or a format pattern. Common templates and patterns for year values are listed in the following table.

format pattern	format template
`{year.full} | {year.abbreviated} | {year.abbreviated(n)}`	`year | year.full | year.abbreviated`
`{era.full} | {era.abbreviated} | {era.abbreviated(n)}`	n/a

Note

"Era" only applies when the CalendarIdentifier is set to the Japanese calendar. For the Japanese calendar, era is shown in the year picker.

For the complete list of format templates and format patterns, see the Remarks section of the DateTimeFormatter class documentation.

Note

Some date formats should be avoided if the date picker might be displayed in a small area, such as adding the full string value of the day of week. These strings can be long and might be clipped if the DatePicker's width is forced to be small.

-examples

Here's a DatePicker formatted using format templates, and a DatePicker formatted using format strings. Both DatePickers look the same when the app is run because the formatting is equivalent.

<!-- DatePicker formatted using format templates. -->
<DatePicker DayFormat="day" MonthFormat="month.numeric" YearFormat="year.abbreviated"/>

<!-- DatePicker formatted using format patterns. -->
<DatePicker DayFormat="{}{day.integer}" MonthFormat="{}{month.integer}" YearFormat="{}{year.abbreviated}"/>

-see-also

DateTimeFormatter, DayFormat, MonthFormat, YearVisible, Date picker, [Use templates and patterns to format dates and times](/windows/uwp/design/globalizing/use-patterns-to-format-dates-and-times