[ストアアプリ][入門] Step19. DatePickerコントロールを使用する ~ 曜日を表示する ~

スポンサーリンク

DatePickerコントロールは既定では、年月日しか表示されません。

今回は曜日を表示する方法について説明します。


 

曜日を表示するには、DayFormatプロパティを使用します。

表示方法は複数あるので1つずつ見ていきましょう。


日付と曜日を表示する1

DayFormatプロパティに「{day.integer} {dayofweek.full}」を指定した場合は、「13 土曜日」のように表示します

XAMLの例

<DatePicker HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" 
            DayFormat="{}{day.integer} {dayofweek.full}" />

曜日を表示する例1


 日付と曜日を表示する2

もう1つはDayFormatプロパティに「{day.integer} {dayofweek.abbreviated}」を指定する方法です。こちらの場合は「曜日」を省略して表示します。

XAMLの例

<DatePicker HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" 
            DayFormat="{}{day.integer} {dayofweek.abbreviated}" />

曜日を表示する例2


曜日のみを表示する1

「○曜日」のみ表示するには DayFormatプロパティに「{dayofweek.solo.full}」を指定します。

XAMLの例

<DatePicker HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" 
            DayFormat="{}{dayofweek.solo.full}" />

曜日のみを表示する例1


曜日のみを表示する2

「○曜日」の「○」のみを表示するには DayFormatプロパティに「{dayofweek.solo.abbreviated}」を指定します。

XAMLの例

<DatePicker HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" 
            DayFormat="{}{dayofweek.solo.abbreviated}" />

曜日のみを表示する例2

Please follow and like us:

コメント

タイトルとURLをコピーしました